Jim Liu puny-d

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

three.js: JavaScript 3D library
stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
Filament: Filament is a real-time physically based rendering engine for Android, iOS, Windows, Linux, macOS and WASM/WebGL
ClayGL: A WebGL graphic library

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);
	return mix(rand(fl), rand(fl + 1.0), fc);
}

	/**
	* Matches against GLSL shader outputs.
	*/
	const VARYING_REGEX = /[^\w](?:varying\|out)\s+\w+\s+(\w+)\s*;/g

	/**
	* Adds line numbers to a string with an optional starting offset.
	*/
	const lineNumbers = (source: string, offset = 0): string => source.replace(/^/gm, () => `${offset++}:`)