Skip to content

Toys

Interactive canvas and WebGL toys — built to be played with.

sonicc A browser DAW with synth, drum machine, sampler, and WAV export. audio plink Every bounce is a note in your chosen scale. audio synth pad Move your mouse across the pad to play a pentatonic scale. MIDI controllers work too. audio kaleidoscopic WebGL kaleidoscope, 8 symmetries, video capture. visual aurora An interactive WebGL aurora you can ripple and record. visual string art Cursor-driven geometric string patterns. visual symmetron A single seed reflected and rotated through quadrant mirrors, nine-tile kaleidoscopes, and rotational blooms — animated as seamless loops. visual pendulum One to eight linked arms under real gravity. Drag the bobs, release into chaos, hear the swing and watch the tip paint glowing trails. simulation gravity type Letters drop with physics and explode on click. simulation particle life Set attraction rules between particle types and watch life-like patterns emerge. simulation perspect Type two words. A voxel structure appears that spells the first from the front and the second from the side. generative aurea Parametric golden-ratio forms, 4K render, video. generative treemap Each digit of π (or φ or e) divides the next rectangle. Grows organically like dividing cells — five color modes, palettes from any image. generative forest An L-system grows one tree per run of digits — every 9 blooms a flower and plants the next tree. A forest of π, growing live. generative garden Each digit gets a patch — the digit is how much grass grows, and crowded patches sprout sunflowers. Plots, spirals or a wild meadow, by day or night. generative fold Prime digits are sticky; the path curls to pack them together, live, energy ticking down — replica-exchange Monte Carlo in your browser. Bend it onto Planet π, or read the digits as frequency rings. generative blossom Each digit says how many circles nest inside the next — a Sakura packing five levels deep, the deepest lit bright green. After Krzywinski’s Nature Biotechnology cover. generative walk Each digit turns the pen and it takes a step, tracing π’s wandering route — a flowing trail, a right-angle street grid, or a ten-spoke star. generative chord Ten digit-nodes on a ring; every time one digit follows another, a thread joins them, the busy transitions thickening into ribbons. A chord diagram of π. generative tiles Each digit deals a Truchet tile; because the arcs meet at the edges, the tiles join into long curving paths and closed loops — a different labyrinth for every stretch of π. generative bloom Real phyllotaxis: each seed one golden angle from the last, coloured by the next digit of π — Fibonacci spirals you can lock and unlock with the divergence angle. generative automata A cellular automaton drawn row by row down the canvas. π seeds the first row and can pick the rule too — rule 90 draws Sierpinski, rule 30 dissolves into noise. generative wordart Type a phrase, pick an effect, export PNG or MP4. generative pixart Drop an image, pick an effect, export PNG or MP4. generative recreate Great artworks cut into semantic layers — wave crest, vortex, Fuji, cypress — each moves independently with your cursor. visual zen garden Ink-and-void CSS Zen Garden: zero images, zero JS. craft