Web experiments · 2026Live
Motion Lab
Scroll, drag, and watch things move.
Interactive motion studies: a crate that opens with no 3D model, a raymarched chrome blob, water you can disturb and a can that shatters into glass.
6studies
0frameworks
15 KBinstead of 2.5 MB
TypeWeb experiments
StatusLive
Year2026
Get itLive on the web
StackThree.js · GLSL · Canvas 2D
Overview
The story.
Motion Lab is a set of scroll- and drag-driven pages, each built to explore one technique — with no framework and no build step.
Highlights include a loot crate and rifle reload built entirely from three.js primitives (about 15 KB instead of a 2.5 MB model), a raymarched GLSL blob, and a GPU water simulation you can disturb with the pointer.
Features
What it does.
01
Scroll-scrubbed canvas
A can frozen in ice shatters into 58 glass shards.
02
3D without a model
A crate and rifle built from primitives.
03
Raymarching
A chrome blob defined by a distance function.
04
GPU water
A damped wave equation you can disturb.
Built with
Three.jsGLSLCanvas 2DWebGL
Try it
Motion Lab · Live