Zhuxy ghostcode

## WebGL-WebGPU-frameworks-libraries.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ghostcode
                / WebGL-WebGPU-frameworks-libraries.md
            
            
              Created
              November 30, 2023 05:52
                — forked from dmnsgn/WebGL-WebGPU-frameworks-libraries.md
            
              
                A collection of WebGL and WebGPU frameworks and libraries
              
          
A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries


Name
Stars
Last Commit
Description


three.js
![GitHub Rep


## clipboard.js
// @return Promise<boolean>
async function askWritePermission() {
  try {
    // The clipboard-write permission is granted automatically to pages
	// when they are the active tab. So it's not required, but it's more safe.
    const { state } = await navigator.permissions.query({ name: 'clipboard-write' })
    return state === 'granted'
  } catch (error) {
    // Browser compatibility / Security error (ONLY HTTPS) ...
    return false

## get-latest-tag-on-git.sh
# The command finds the most recent tag that is reachable from a commit.
# If the tag points to the commit, then only the tag is shown.
# Otherwise, it suffixes the tag name with the number of additional commits on top of the tagged object
# and the abbreviated object name of the most recent commit.
git describe

# With --abbrev set to 0, the command can be used to find the closest tagname without any suffix:
git describe --abbrev=0

# other examples

## async&await.js

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(1)
    },2000)
  })
}

async function get() {

## uni-app表格组件
‎‎

## getPrecision.js
function getPrecision(value) {
  const valueString = value.toString();
  if (valueString.indexOf('e-') >= 0) {
    return parseInt(valueString.slice(valueString.indexOf('e-') + 2), 10);
  }
  let precision = 0;
  if (valueString.indexOf('.') >= 0) {
    precision = valueString.length - valueString.indexOf('.') - 1;
  }
  return precision;

## throttle.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ghostcode
                / throttle.md
            
            
              Last active
              December 21, 2022 01:27
            
              
                throttle
              
          
      function throttle(fn,wait=3000){
		let lastTime = Date.now(),
			timeFlag = null
			
		return function(...args){
			let current = Date.now()
			
			clearTimeout(timeFlag)
 

## zoom.html

<!DOCTYPE HTML>
<html lang="en"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Zooming via HTML5 Canvas Context</title>
	<style type="text/css" media="screen">
		body { background:#eee; margin:1em; text-align:center; }
		canvas { display:block; margin:1em auto; background:#fff; border:1px solid #ccc }
	</style>
</head><body>

## deep-merge.js
// ⚠ IMPORTANT: this is old and doesn't work for many different edge cases but I'll keep it as-is for any of you want it
// ⚠ IMPORTANT: you can find more robust versions in the comments or use a library implementation such as lodash's `merge`

// Merge a `source` object to a `target` recursively
const merge = (target, source) => {
  // Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties
  for (const key of Object.keys(source)) {
    if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]))
  }

## iframe.html
<!DOCTYPE html>
<html>
<head>
	<title>My Iframe</title>
</head>
<body>

<button>Botão</button>

<script type="text/javascript">
	// @return Promise<boolean>
	async function askWritePermission() {
	try {
	// The clipboard-write permission is granted automatically to pages
	// when they are the active tab. So it's not required, but it's more safe.
	const { state } = await navigator.permissions.query({ name: 'clipboard-write' })
	return state === 'granted'
	} catch (error) {
	// Browser compatibility / Security error (ONLY HTTPS) ...
	return false
	# The command finds the most recent tag that is reachable from a commit.
	# If the tag points to the commit, then only the tag is shown.
	# Otherwise, it suffixes the tag name with the number of additional commits on top of the tagged object
	# and the abbreviated object name of the most recent commit.
	git describe

	# With --abbrev set to 0, the command can be used to find the closest tagname without any suffix:
	git describe --abbrev=0

	# other examples

	function getData() {
	return new Promise((resolve, reject) => {
	setTimeout(() => {
	resolve(1)
	},2000)
	})
	}

	async function get() {
	function getPrecision(value) {
	const valueString = value.toString();
	if (valueString.indexOf('e-') >= 0) {
	return parseInt(valueString.slice(valueString.indexOf('e-') + 2), 10);
	}
	let precision = 0;
	if (valueString.indexOf('.') >= 0) {
	precision = valueString.length - valueString.indexOf('.') - 1;
	}
	return precision;

	<!DOCTYPE HTML>
	<html lang="en"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Zooming via HTML5 Canvas Context</title>
	<style type="text/css" media="screen">
	body { background:#eee; margin:1em; text-align:center; }
	canvas { display:block; margin:1em auto; background:#fff; border:1px solid #ccc }
	</style>
	</head><body>
	// ⚠ IMPORTANT: this is old and doesn't work for many different edge cases but I'll keep it as-is for any of you want it
	// ⚠ IMPORTANT: you can find more robust versions in the comments or use a library implementation such as lodash's `merge`

	// Merge a `source` object to a `target` recursively
	const merge = (target, source) => {
	// Iterate through `source` properties and if an `Object` set property to merge of `target` and `source` properties
	for (const key of Object.keys(source)) {
	if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]))
	}
	<!DOCTYPE html>
	<html>
	<head>
	<title>My Iframe</title>
	</head>
	<body>

	<button>Botão</button>

	<script type="text/javascript">