Lab
Experiments and interaction ideas — 28 of them. Rough on purpose: this is where I try things.
Peel
Canvas peel physics: stickers and transfer paper you grab by an edge and peel off.
Paper
Procedural paper textures made from SVG noise, the base of the peel experiments.
Window
The lettering on a shop window, with a sheer linen curtain behind it.
- 05WindowPeel with the mouse. Live curtain panel on the left.
- 06Window, by handPeel with your hand through the webcam (MediaPipe, runs locally).
- 07Window v2Window light, depth of field, vinyl, curled tape and paper sounds.
- 08Window v3Your own stickers (any SVG or PNG), several at once: peel, carry, stick, flick, with the mouse or two hands.
Clocks
A clock made of clocks: many small analog clocks whose hands draw the time.
Physics
Circles and squares with equal visual mass (Matter.js): grab them, throw them, tilt the phone.
- 13Physics heroShapes fall into the screen; grab and throw them.
- 14Physics hero v2As a scrolling page: touching a shape plays, a flick on empty space scrolls.
- 15TiltA closed box of shapes that roll as you tilt the phone; shake to stir.
- 16Tilt v2Shapes rain in, then tilt to roll them; brush them with the cursor on desktop.
Bubbles
Rising bubbles: Matter.js physics with three.js optics.
Fogged window
Wipe the fogged glass and watch it drip (WebGL2).
Gallery & motion
Image layouts and transitions (three.js, GSAP).
Wood shavings
A workbench buried under plane shavings (WebGPU compute).
Split-flap
A hyper-realistic split-flap display (three.js WebGPU), with a show editor and a phone remote.
Switchboard
A wall of 2,880 illuminated rocker switches in an oak frame (three.js WebGPU).