mattdesl

prettifies TAP in the browser's console

A utility for quickly prototyping 2D and WebGL sketches

loads a BMFont file in Node and the browser

wraps words based on arbitrary 2D glyphs

word-wraps and lays out text glyphs

runs Node.js programs through Chromium DevTools

renders BMFont files in ThreeJS with word-wrapping

parses ASCII BMFont files to a JavaScript object

generate a signed distance field from an image

lookup table color transforms for glslify

gets a palette of prominent colors from an array of pixels

baboon test image as base64 data URI

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

very fast JS GIF encoder

convert an AudioBuffer to .wav format

an easy way to set vertex data on a BufferGeometry

get current touch/mouse position

Some simple utils for handling font sizes

converts BMFont TXT and XML files to JSON

word wraps and lays out Opentype.js glyphs

gets a WebGLRenderingContext

a minimal requestAnimationFrame render loop

nice colour palettes as JSON

a server for faster watchify development

parses XML BMFont files into a JavaScript object

reads a BMFont binary in a Buffer into a JSON object

2D framebuffer (render-to-texture) utils for kami

Utilities for sketching in Canvas, WebGL and generative art

gets canvas context by name

sets up a retina-scaled canvas with render loop

whether the given object is a WebGL context

get relative position from an event

grabs a new 2d canvas context

local Node/Browser development with Chrome DevTools

returns the next highest power of two

low level utils for polyline miter joins

a simple ThreeJS vignette background

fast MP4 mux / demux using WASM

mime type lookup for browser video and audio

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 a Hz frequency to an index for WebAudio

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

a cross-browser WebAudio player

a browserify server for rapid prototyping

parses tap by hijacking console.log

grab bag of easing equations

one no-op function to rule them all

injects a #define statement into a shader source

creates a new array with given range

DOMParser.parseFromString for XML with IE8 fallback

safely inject a block of tokens into a shader

tiny http client for Node and the browser

create a new array filled with a value, or zero

small function to append a query string to a URL

adds line numbers to a source string

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

blend mode 'overlay' for GLSL

inject live reload into HTML content

natural looking film grain using noise functions

orbit controls for ThreeJS

creates the indices for a quad (two triangles)

gets multiple open ports

typeof number, or use a default

flattens nested vertex data into a typed array

all the WebGL 1.0 constants

bare-bones linear interpolation function

quick harness for viewing a mesh with orbit viewer

parse and handle import/export for browserify

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

detects whether the browser can auto-play audio

fast client-side MP4 H264 video encoding

trims query and hash parameters off a URL

Optimize PDFs with Ghostscript command

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

Loads a single or multiple assets and returns a promise.

a bare-bones <audio> and <video> abstraction

gets an average Hz between two frequency ranges

a blur effect based on random hash offset

Reloads all style sheets in the page associated with a URL

small livereload/watch command line utility

recomposes a 4x4 matrix

decomposes a 3D matrix

interpolates two matrices in place

LittleCMS in JS with WASM

gets a prefixed name for a css style