Web games & playLive on this site2026
The page you're scrolling is a physics toy. Every section is a contraption.
- marble, real physics
- 1
- marble, real physics
- contraptions
- 7
- contraptions
- maximum catch-up time scale
- 3×
- maximum catch-up time scale
The problem
What people put up with
Studio websites tell you they're creative. We wanted ours to show it, without hiding the content search engines and people need.
The odd angle
The insight
Make the machine a layer under the content, not a replacement for it. Every word is server-rendered HTML. The machine reads where the sections are and builds itself to match.
The approach
How we built it
- 1
The layout drives the track
When the page loads, the machine measures every section and generates the spiral tower, dominoes and contraptions to line up with them. Change the copy and the machine rebuilds itself to fit.
- 2
Physics that keeps up with you
If you scroll faster than the marble, the simulation speeds up to 3×. If you leave it far behind, it moves to the next checkpoint and the contraptions it skipped still fire.
- 3
Respectful by default
Sound is muted until you turn it on. Reduced-motion users get a still machine and a normal page. A 'skip the machine' link is always one tab away.
What it does
Features
- Rigid-body physics with continuous collision detection
- Procedurally generated track that fits any screen
- Domino cascade, Galton board, seesaw, coin funnel, playable xylophone
- Auto-follow scroll with a 3× catch-up time scale
- Fully server-rendered content underneath for SEO
The hard parts
What fought back
Tunnelling
A fast, small marble can pass straight through a thin wall between two physics steps. Continuous collision detection, linear damping as rolling resistance, and stuck and fell-off detection keep it on the track.
What's next
On the roadmap
- A level editor: design your own run, then export it as a printable marble run