Matt DesLauriers Claim this profile

[beta] A framework for making generative artwork in JavaScript and the browser.

a WASM reboot of lcms.js — Little-CMS for JS, bringing robust color processing to the browser

fast GIF encoding

low-level PNG tools for JavaScript and Web

:orange_book: a brief introduction to using Promises in JavaScript

:clapper: a dev server for rapid prototyping

:wrench: LibGDX/LWJGL tutorials and examples

:memo: a list of graphic programming resources

:art: Generative artwork in node/browser based on a seeded random

:books: some best practices for JS modules

A workshop on creative coding & generative art

:rocket: converts a SVG path to a 3D mesh

A workshop on WebGL and GLSL

Intro to Creative Coding workshop with p5.js and Tone.js

Stylized Wireframe Rendering in WebGL

Utilities for sketching in Canvas, WebGL and generative art

palettes from A Dictionary of Colour Combinations

Some opinionated structure for a complex/scalable ThreeJS app

some interactive content for a blog post

No description.

a grab-bag of modular easing equations

FXAA implementation for glslify in WebGL

A visual exploration of Pilotpriest's 2016 album, TRANS.

Code for the generative projection mapped animations during JSConf EU 2018 in Berlin.

[proof-of-concept] fast MP4 mux / demux using WASM

Loads a single or multiple assets and returns a promise.

An interface for reloading GLSL shaders on the fly.

[DEPRECATED] see canvas-sketch

codevember

lines expanded in a vertex shader

:art: generative painting using perlin noise for motion

generate a signed distance field from an image

[project suspended] MP4 + H264 encoding for the browser with WASM

:closed_umbrella: simulating text in the physical world

orbit controls for ThreeJS

natural looking film grain using noise functions

Web Audio workshop with Frontend Masters

highly opinionated dev environment [Proof of concept]

a template for media art installations using Electron in kiosk mode

No description.

Font to vector path tools

No description.

gets equirectangular images from Google StreetView

lookup table color transforms for glslify

generative artwork hosted on Ethereum

triangulates a 2D polyline into a stroke

:octocat: create a new GitHub repo from your current folder

Brute force circle/sphere packing in 2D or 3D

Toolkit for small ArtBlocks projects

experimental audio visualizer

fast dom CSS styling

adaptive and scalable 2D bezier curves

An implementation of Ant-Tree Color Quantization

gets miter normals for a 2D polyline

material & notes for a workshop on data artwork & creative coding

No description.

a simple ThreeJS vignette background

:construction: Some demos for the Kami WebGL renderer

:construction: Rendering ecosystem using Node style packaging

experiments

parse and handle import/export for browserify

Unified mouse & touch events for desktop and mobile

:pencil2: a list of text/font modules

A CLI used alongside canvas-sketch

a small tool to visualize the frequencies of an audio file

minimal tweening engine

bare-bones linear interpolation function

optimized FXAA shader for ThreeJS

a workshop on color science for generative art and creative coding

gets a discrete list of points from svg

No description.

simplify 2D polyline of arrays

[EXPERIMENT] keyframe animation tools

:cocktail: prettifies ndjson from wzrd and similar tools

Experimental WebGL Music Visualizer

gets a palette of prominent colors from an array of pixels

a simple example of ThreeJS with glslify

[experiment] better Canvas2D text rendering

2D and 3D verlet integration

A list of Risograph printer colors

No description.

A blog post for an interactive Tendril web toy

A small set of pastel and off-white paper colors

wraps words based on arbitrary 2D glyphs

bitmap font rendering for stackgl

a CLI to bulk download URLs (images/pdfs/etc) from GitHub readmes

Optimize PDFs with Ghostscript command

pseudo-random 2D noise for glslify

render ShaderToy demos to PNG

A figma plugin generator

a minimal requestAnimationFrame render loop

a soft gradient background in WebGL

filmic GLSL shaders in ThreeJS

in Electron, turns a Canvas into a Buffer

test of ThreeJS + Webpack + HMR

bitframes is a generative art codec in 32 bytes of data

An example of a "Fruit Ninja" style swipe in LibGDX

extracts a string of subpaths from an svg file

promise wrapper for gsap (TweenLite)

adaptive and scalable 2D quadratic curves

Separable Natural Evolution Strategy in JavaScript

"Image Palette" Plugin in Figma

a bare-bones, no-bullshit example of using browserify to dev + build a static demo

Font and GUI packing tools for LibGDX

Get vertex and face data from THREE.Geometry

Pure JavaScript QOA encoder/decoder

an extension of budo dev server that supports live script injection

rendering artblocks projects to MP4 / GIF

Builds a tube-based wireframe geometry in ThreeJS

a high level "sprite" batch

nice colour palettes as JSON

Some blog posts

:boom: a small wrapper around the Marvel Comics API

a small tool to pick colors from an image

A website to encode a GIF from image frames

keyframe utils for animation timelines

:scroll: a few Sun Tzu quotes from The Art of War

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

a simple HTML index through stream

utility for setting up Canvas2D dimensions

a proof of concept of using local websockets with Figma

a site for my work

faux ASCII post-processing effect in GLSL

a gl implementation of vector font rendering

get relative position in an element on mouse clicks

Highly optimized vector/matrix math (using objects)

Builds a ThreeJS quaternion from a normal vector

returns true if a 2D point is inside a triangle

wip

decomposes a 3D matrix

tool to build valid BIP-39 seed poems

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

canvas loop/scale utility

simple error helper utility for client-side JavaScript

slim LWJGL game library and utilities

inlines datauri expressions into your bundle

programmatically install npm dependencies

:boom: all Marvel comic book characters

whether a picking ray intersects with a plane

approximate an RGB color from a Kelvin temperature

installs the given modules if needed

quick port of Mario Klingemann's stack blur to npm

one no-op function to rule them all

Adds browserify-shim fields automatically to your package.json [UNMAINTAINED]

making color with spectral power distributions

the cornell box raymarched in GLSL, for tests

H264 encoder + MP4 output for the web

a simple client for illustrating vector paths

draw paths in the browser

blend mode 'overlay' for GLSL

experiments

Minimal camera utilities for 2D and 3D Canvas/WebGL

[DEPRECATED] A minimal Class/Mixin utility for JavaScript

a bare-bones development server for watchify

test for line circle intersection

A small tool for choosing colors

makes a mat4 from translation, rotation, scale, skew

Converts BMFont XML/TXT files to JSON output

low level utils for polyline miter joins

js13kgames competition entry

gets a WebGL context in a browser

JS utility for intBitsToFloat, floatToIntBits, etc

Farcaster.xyz bot for casting random color names

simple client-side HTML tool to extract PNG frames from GIFs

test for point-circle intersection

testing H264 encoding in the browser

test for triangle circle intersection

a thin wrapper around glsl-optimizer

optimize image-heavy PDFs in a simple and smart way

No description.

parses BMFont files (text) to a JavaScript object

No description.

A generic queue for images and other resources

Translate import statements to require statements

A minimal and lightweight 3D verlet physics library

experiments with SVG in 3D

1 KB JavaScript library for building web applications.

trust-minimized random raffle ceremony using Ethereum's RANDAO

state based animation framework

requestAnimationFrame polyfill library

drift.js is a simple fluid dynamics framework for JavaScript Canvas and WebGL applications

Gets the RGBA pixel array from a gl-texture2d object

various prototypes for canvas / keytime stuff

negates a function

promisified img with bluebird

Minimal vector utility for gl-matrix

webcam experiments with WebGL, verlet physics, and pointilism

prototypes in 3D-to-2D scenes for canvas / HTML5

a basic gl mesh wrapper with common vertex attributes

WebGL textures for kami renderer

shader utils for kami / WebGL

promise-based transitions

No description.

No description.

copies a 2-dimensional vector (array)

transform a stream into a quoted string

attaches multiple events to a DOM element

fast RGB tint caching for canvas

Webpack hot reloading you can attach to your own server

loads a BMFont file in Node and the browser