dmnsgn

canvas-record

Record a video in the browser or directly on the File System from a canvas (2D/WebGL/WebGPU) as MP4, WebM, MKV, GIF, PNG/JPG Sequence using WebCodecs and Wasm when available.

glsl-tone-map

A collection of tone mapping functions available both as ES modules strings and as GLSL files for use with glslify.

glsl-rotate

GLSL rotation functions with matrices: 2D and 3D (with X/Y/Z convenience functions) available both as ES modules strings and as GLSL files for use with glslify.

glsl-conditionals

Daniel Holden's functions designed to avoid conditionals in GLSL, available both as ES modules strings and as GLSL files for use with glslify.

raf-perf

RAF loop with an adaptive fps and performance ratio calculated from either a sample count or a sample duration. Typically used when doing intensive graphics computation in canvas.

async-preloader

Assets preloader using async/await and fetch for usage both in the browser and Node.js.

vector-field

A data structure and lookup for 3D vector fields (flow fields).

frenet-serret-frames

Compute Frenet-Serret frames for a path of 3D points and tangents.

canvas-screenshot

A one trick pony package to download an image from a canvas.

canvas-context

Create a RenderingContext (2d, webgl, webgl2, bitmaprenderer, gpupresent), optionally offscreen for possible use in a Worker.

canvas-tint-image

A one trick pony package to tint an image with a canvas 2D context.

glsl-constants

Common GLSL math constants (with 11 decimals) available both as ES modules strings and as GLSL files for use with glslify.

path-tangents

Compute tangents for a path of 3D points.

snowdev

Zero configuration, unbundled, opinionated development and prototyping server for simple ES modules development: types generation, format and linting, dev server and TypeScript support.

perspective-grid

Two point perspective grid on canvas

typed-array-concat

Concatenate n typed arrays

canvas-thumbnail-cache

Draw images into a canvas square grid for fast retrieval at a thumbnail size.

eerp

Logarithmic/exponential interpolation.

primitive-ellipsoid

An ellipsoid geometry for 3D rendering, including normals, UVs and cell indices (faces).

typed-array-constructor

Get a typed array constructor based on the hypothetical max value it could contain. Signed or unsigned.

bayer

Compute the bayer matrix based for powers of two. Useful for ordered dithering algorithms.

canvas-pattern

Draw and cache a repeated pattern on a canvas context.

maxwell-triangle

Get color values inside a Maxwell triangle from positions and vice versa.

typed-array-interleave

Interleave n typed arrays.

content

The content behind MDN Web Docs

geom-export-obj

Convert one (or more) simplicial complex geometry (positions/cells/normals/uvs) into an OBJ string.

lygia

LYGIA, it's a granular and multi-language (GLSL, HLSL, WGSL, MSL and CUDA) shader library designed for performance and flexibility

primitive-octasphere

An octasphere geometry for 3D rendering, including normals, UVs and cell indices (faces).

simplex-noise.js

A fast simplex noise implementation in Javascript / Typescript.

webgl-examples