3D · R3FInterface Experiment
Grab a can, it spins with your drag — then coasts before settling back to idle.
/ About
Next.jsReact Three FiberThree.jsdrei
It started with a book of essays about beer. Migrating it to the web, a plain text page felt wrong — and I'd always thought it a shame that beautifully designed import cans end up in the trash. So each essay lives on its can: pick it up, spin it, read it.
What it explores
01
Inertia drag: release velocity carries the spin, then decays to a slow idle turn.
02
Label unwrapped and UV-mapped around the cylinder — seam hidden at the back.
03
Fixed frame drops during rapid dragging: traced to React state updates in the drag path, bypassed by mutating refs directly.
Next experiment · 3D · R3F