Canvas 2D

Pixel Matter

One height field, three ways of drawing it. The artwork from the home page, with its controls exposed.

Open Pixel Matter

Canvas 2D, Bayer matrices

Dither Lab

Ordered dithering on the site's own surfaces: a few flat tones that read as smooth, and the pattern that does it.

Open Dither Lab

Smaller studies

Variable fonts, CSS

Type Lab

A headline that fits its box by changing width instead of size. A variable font's width axis used for layout.

Open Type Lab

Canvas 2D, a wave equation

Wave Tank

The pointer's wake from the home page in a tank of its own, with damping, speed and spring in your hands.

Open Wave Tank