Computational Designer, Generative Artisan, Cheese Enthusiast.
canvas-record. Record a video in the browser or directly on the File System from a canvas region (2D/WebGL/WebGPU) as MP4, WebM, MKV, MOV, GIF, PNG/JPG Sequence using WebCodecs and Wasm when available.
426glsl-tone-map. A collection of tone mapping functions available both as ES modules strings and as GLSL files for use with glslify.
233frontend-boilerplate. An ES20XX starter with common frontend tasks using Webpack 5 as module bundler and npm scripts as task runner.
225dgel. A WebGPU engine.
195glsl-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.
146glsl-smaa. SMAA (Enhanced Subpixel Morphological Antialiasing) post-processing; WebGL (OpenGL ES 2.0) implementation with no fluff.
107primitive-geometry. Geometries for 3D rendering, including normals, UVs and cell indices (faces). Perfect if you want to supercharge your dependency folder... with 30KB of geometries.
105raf-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.
62async-preloader. Assets preloader using async/await and fetch for usage both in the browser and Node.js.
62glsl-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.
61sublime-stylefmt. Sublime Text plugin for Stylefmt
49vector-field. A data structure and lookup for 3D vector fields (flow fields).
41typedoc-material-theme. A TypeDoc theme based on Material 3.
40media-codecs. Get a codec parameter string (like 'avc1.4d002a') from human readable options (like { name: 'Main', level: '4.2' }) and back to a descriptive name ('AVC Main Profile Level 4.2').
32frenet-serret-frames. Compute Frenet-Serret frames for a path of 3D points and tangents.
28sass-easing. Easing variables for sass
19bird-oid. A 3D boid system with accompanying emergent behaviors. Implementation mostly based on Craig Reynolds paper Steering Behaviors For Autonomous Characters.
15cameras. Cameras for 3D rendering.
15fontfaceobserver. Webfont loading. Simple, small, and efficient.
15canvas-screenshot. A one trick pony package to download an image from a canvas.
14canvas-context. Create a RenderingContext (2d, webgl, webgl2, bitmaprenderer, gpupresent), optionally offscreen for possible use in a Worker.
13path-tangents. Compute tangents for a path of 3D points.
10canvas-tint-image. A one trick pony package to tint an image with a canvas 2D context.
10glsl-constants. Common GLSL math constants (with 11 decimals) available both as ES modules strings and as GLSL files for use with glslify.
10snowdev. Zero configuration, unbundled, opinionated development and prototyping server for simple ES modules development: types generation, format and linting, dev server and TypeScript support.
8console-ansi. Easy console coloring and prefixing via Proxy object with ANSI strings.
8perspective-grid. Two point perspective grid on canvas
8halton. Generate n points of the Halton sequence in n-dimensions.
6prtt. A WebGL prototype starter using webpack, redux, babel, glslify, controlkit, ccapture
6gpu-memory. Estimate the GPU memory used by textures.
5typed-array-concat. Concatenate n typed arrays
5jest-environment-jsdom-latest. Jest environment to use the latest jsdom API and features
5react-redux-workshop. An introductory workshop featuring React, Redux, react-router, i18next, gsap and createjs.
4parse-exr. EXR file parser. Ported from Three.js implementation without depending on it.
4geom-split-vertices. Creates new geometry with unique vertices for each face.
3eerp. Logarithmic/exponential interpolation.
3canvas-thumbnail-cache. Draw images into a canvas square grid for fast retrieval at a thumbnail size.
3es-modules-in-the-browser-almost-now. HTML
3rollup-plugin-commonjs-named-exports. Re-export CommonJS named exports using Node.js cjs-module-lexer.
3sass-font-face. Font-face mixin for sass
3less-easing. Easing variables for less
3event-utils. An event utils system written in ES6.
2css-easing. Easing variables for css
2geom-center-and-normalize. Centers the geometry and scales it to fill 1x1x1 bounding box
2three.js. JavaScript 3D library.
2airports-data. Airports data: static, dynamic and custom dump.
2adaptable-text. Adapt font size to a specified width.
2dotfiles. .files, including ~/.osx — sensible hacker defaults for OS X
2geom-edges. Computes unique edges for a list of faces
2geom-sweep. Extrudes a shape along a path
2alfred-xampp-workflow. XAMPP commands
2geom-parse-stl. Parse a STL (StereoLithography) ASCII string, ArrayBuffer or ArrayBuffer with ASCII data, and return a simplicial complex.
1web-mime-types. Mapping of the most common MIME types on the Web by extension. Currently 75 extensions.
1