mattdesl

the stream module from node core for browsers

Emulate console for all the browsers

timers module for browserify

vm module for the browser

the tty module from node core for browsers

resolve which handles browser field support in package.json

evaluate statically-analyzable expressions

parses XML BMFont files into a JavaScript object

reads a BMFont binary in a Buffer into a JSON object

find all require() calls by walking the AST

the acorn javascript parser, preloaded with plugins for syntax parity with recent node versions

parses ASCII BMFont files to a JavaScript object

DOMParser.parseFromString for XML with IE8 fallback

gets the package name for a require statement

loads a BMFont file in Node and the browser

browser-side require() the node way

detect and report syntax errors in source code strings

walk the dependency graph to generate json output that can be fed into browser-pack

pack node-style source files from a json stream into a browser bundle

streaming pipeline with a mutable configuration

insert implicit module globals into a module-deps stream

sort module-deps output for deterministic browserify bundles

stream splicer with labels

A JavaScript port of [The "Quite OK Audio" (QOA) format](https://github.com/phoboslab/qoa), a lossy audio compression that achieves relatively decent compression with fast decoding and not much complexity. Also see [this](https://phoboslab.org/log/2023/02

convert module usage to inline expressions

r/w stream of glsl tokens

Return a data type from a string representing the type

browserify fs.readFileSync() static asset inliner

Bundle a glslify-deps dependency tree into a GLSL source string

safely inject a block of tokens into a shader

injects a #define statement into a shader source

Take an array of GLSL tokens and determine which tokens are either assignments or variable declarations.

Takes an array of GLSL tokens and determines whether or not they're a property of another identifier

Walk the dependency graph of a glslify shader.

Retrieve the values defined with preprocessor statements in a selection of GLSL tokens

parses number and unit, '20px' into [20, 'px']

creates a new array with given range

get relative position from an event

Converts an array of GLSL tokens to a plain source string

Infer the scope of each token in an array of GLSL tokens

Determine the scope depth of an array of GLSL tokens

Trim the whitespace within an array of GLSL tokens

A node.js-style module system for GLSL!

gl-matrix's mat4, split into smaller pieces

flattens nested vertex data into a typed array

"Descope" an array of GLSL tokens such that they can be safely inlined alongside within another shader without causing any global variable conflicts.

gets a WebGLRenderingContext

gets canvas context by name

watch mode for browserify builds

fast dom CSS styling

gets a prefixed name for a css style

tiny http client for Node and the browser

very fast JS GIF encoder

small function to append a query string to a URL

http module compatability for browserify

adaptive and scalable 2D quadratic curves

gl-matrix's vec2, split into smaller pieces

adaptive and scalable 2D bezier curves

A bare-bones port of Mario Klingemann's stackblur that just operates on a Uint8 pixel array.

gl-matrix's vec3, split into smaller pieces

wraps words based on arbitrary 2D glyphs

bare-bones linear interpolation function

typeof number, or use a default

Creates a WebGL context without a window

returns the next highest power of two

low level utils for polyline miter joins

create a new array filled with a value, or zero

parse a bundle generated by browser-pack

convert bundle paths to IDS to save bytes in browserify bundles

creates the indices for a quad (two triangles)

gets miter normals for a 2D polyline

gets a palette of prominent colors from an array of pixels

word-wraps and lays out text glyphs

glslify loader module for webpack

grab bag of easing equations

convert an AudioBuffer to .wav format

nice colour palettes as JSON

WebGL shader wrapper

gl-matrix's mat2, split into smaller pieces

browserify tree shaking plugin using @indutny common-shake

adds line numbers to a source string

Extract a shader's name from its source

triangulates a 2D polyline into a stroke

gl-matrix's mat3, split into smaller pieces

a browserify server for rapid prototyping

inject live reload into HTML content

WebGL texture wrapper

gets multiple open ports

a simple HTML index through stream

a server for faster watchify development

all the WebGL 1.0 constants

gl-matrix's vec4, split into smaller pieces

WebGL buffer wrapper

prettifies ndjson from wzrd and similar tools

Vertex array object wrapper/shim for WebGL

Extract function definitions from an array of GLSL tokens.

gl-matrix's quaternion, split into smaller pieces

A browserify transform which minifies your code using Terser

simplify 2D polyline

Saves WebGL context state

orbit controls for ThreeJS

Frame buffer object wrapper for WebGL

decomposes a 3D matrix

recomposes a 4x4 matrix

interpolates two matrices in place

Beckmann specular distribution for GLSL

Cook-Torrance specular/fresnel lighting term

Selectively replace Node-style environment variables with plain strings.

trims query and hash parameters off a URL

standalone spherical linear interpolation

gets 2D contours from an SVG path

Invert a matrix in GLSL

Reloads all style sheets in the page associated with a URL

copies a 2-dimensional vector (array)

natural looking film grain using noise functions

blend mode 'overlay' for GLSL

sets up a retina-scaled canvas with render loop

a simple ThreeJS vignette background

quick harness for viewing a mesh with orbit viewer

a few Sun Tzu quotes from The Art of War

anti-alias smoothstep utility function

whether the given object is a WebGL context

a browserify plugin that runs various optimizations, so you don't have to install them all manually.

fast MP4 mux / demux using WASM

Robert Penner's easing functions in GLSL, available as a module for glslify.

unproject 2D point to 3D coordinate

Webpack loader to handle browserify transforms as intended

statically transforms Node fs for the browser

normalizes a 2D path to its bounding box

converts a SVG path to a 3D mesh

Translate import statements to require statements

factor browser-pack bundles into common shared bundles

parse and handle import/export for browserify

opposite of lerp; get normalized range between two bounds

transform streamed glsl tokens into an ast

renders BMFont files in ThreeJS with word-wrapping

triangulates a series of 2D contours

LittleCMS in JS with WASM

get current touch/mouse position

lookup table color transforms for glslify

an easy way to set vertex data on a BufferGeometry

programmatically install npm dependencies

tiny util for making enumerable properties

A transform stream for glslify that adds an `import` directive to your shaders.

through stream that translates glsl-parser AST nodes into working glsl code

Browserify plugin to write failed build error messages to the output file

one no-op function to rule them all

a minimal requestAnimationFrame render loop

parses the headers of a DDS texture file

extracts a string of subpaths from an svg file

redirect console methods to streams

extract uniforms and attributes from glsl programs

bare-bones color luminance functions

minimal two-finger pinch gesture detection

through stream that transforms glsl-parser AST nodes and rewrites variables into shorter forms

whether two number arrays are almost equal

chaikin's smoothing algorithm for 2D lines

gets a plane's normal from 3 points

an indexed quad mesh with normals and UVs

reads the closest package.json file

Converts a distance unit (e.g. m) to another (e.g. cm)

test if 2D convex polygon is clockwise

Core implementation of gl-shader without parser dependencies

a sphere mesh with normals, texture coordinates and indices

create a readable stream of glsl ast nodes that produce a module system

Utilities for sketching in Canvas, WebGL and generative art

FXAA implementation for glslify in WebGL

converts [R,G,B] to [H,S,L]

Transpile GLSL to JS

Determine the point of intersection between a ray and axis-aligned bounding box (AABB)

"Parses" the log output of gl.getShaderInfoLog

Support for rest and spread properties in acorn 5

WebGL extension wrangler

test for collision with a circle and point

optimized 9-tap gaussian blur for GLSL

creates a picking ray for a 2D/3D camera

converts [H,S,L] to [R,G,B]

test whether a ray intersects with a sphere

simplified touch/mouse events for flick and swipe

like brfs, but built on top of babel for es2015

line-circle collision test

generate a signed distance field from an image

convert a Hz frequency to an index for WebAudio

A utility for quickly prototyping 2D and WebGL sketches

word wraps and lays out Opentype.js glyphs

send an error notifications

gets an average Hz between two frequency ranges

lerps two numbers or an array of numbers

Linear and Hermite interpolation functions.

test whether a require string is relative

A CLI used alongside canvas-sketch

associate objects with routes. Used by bigwheel to route sections

installs the given modules if needed

baboon test image as base64 data URI

approximate face normal in the fragment shader

colormaps for glsl shaders

loads a Image for the browser

pseudo-random 2D noise for glslify

approximate an RGB color from a Kelvin temperature

convert SVG text to a Image that can be drawn in canvas

Preview markdown files

creates a 3D torus mesh

keyframe utils for a generic timeline

a few point and polygon utils

keyframed animation tools

prettifies TAP in the browser's console

lines expanded in a vertex shader

generic controls for orbiting a target in 3D

static analysis for datauri expressions

mime type lookup for browser video and audio

A transform stream for [glslify](http://github.com/chrisdickinson/glslify) that replaces CSS-style hexadecimal colors with `vec3/vec4` definitions.

local Node/Browser development with Chrome DevTools

runs Node.js programs through Chromium DevTools

parses tap by hijacking console.log

test whether a point is inside a triangle

creates a quaternion from two unit vectors

a high-level ray picking helper for 3D intersection

project 3D point into 2D window space

whether a picking ray intersects with a plane

a high-level 3D perspective camera

Khronos WebGL conformance test suite

repeating checker GLSL pattern

strips chromium logs from a stream

palettes from A Dictionary of Colour Combinations

list require and import paths from a JavaScript source

HSL to RGB color conversion in GLSL

minimal tweening engine

normalizes a file to a URL pathname

a tiny util to mix functions and properties into a prototype

3D mesh of Snowden's Bust

a generic tween ticker engine

glslify transform that provides you with a cleaner module import/export syntax ✨

canvas loop/scale utility

tween object and arrays of objects

converts BMFont TXT and XML files to JSON

a cross-browser WebAudio player

Create a WebGL context now!

A standalone panorama WebGL image viewer for desktop and mobile. This uses [regl](https://www.npmjs.com/package/regl) as the WebGL wrapper, and comes in at a total of 140kb uglified, or 46kb gzipped. This is useful if you need a panorama viewer but don't

a basic tween object for others to build on

streaming gl.readPixels from an FBO

gets own enumerable property names and symbols

Loads a single or multiple assets and returns a promise.

negates a function

a simple quad utility for stackgl

Get the exports of a module

Generate a 3D lookAt matrix in GLSL

whether a number is power of two

Pull audio waveform/frequency data into WebGL for realtime audio visualisation!

A list of Risograph printer colors

A dead-simple tool for developing and bundling static sites