Everything I built
Simulation
Siphon & Seal
liveI sawed a real toilet in half so you can see inside. Press Flush and watch how the water actually leaves the bowl, then solve six mysteries about how it works.
Screenshots
What it does
- The bowl isn’t pushed empty. It’s pulled, by a siphon, and the gurgle at the end is air breaking it.
- Tap ? to see every part named. Your first flush is explained step by step, in slow motion.
- Six mysteries to solve, like whether a bucket can flush a toilet and why it smells after a long trip.
- Turn on the blacklight for the Neon S: one flush with the water glowing.
- Nothing is animated. A model of the water decides what happens, so every change you make has a real effect.
Built with
- three.js
- WebGL
- Web Audio API
- Vanilla JavaScript
- esbuild
- Playwright
Want the how and why?
I write up builds like this one. What I did, what went wrong, and what is worth copying.
Read the writing