touch the toys
Make it
funky.
Grab the floating shapes and fling them. Click the empty space for a shockwave. Every move plays a note.
drag · fling · boop
how it works
A little physics, a little sound, a lot of color.
No video, no canvas image, no pre-baked animation. Everything you see runs live: a verlet integrator nudges the shapes around, the Web Audio API generates every note, and the whole page repaints when you switch palettes.
Real physics
Verlet integration with mutual repulsion and bouncy walls. Drag to grab, release to fling, watch them settle.
Click shockwaves
Tap any empty patch and a pressure wave shoves the nearest shapes outward, with a ripple you can see.
Generated sound
Pentatonic plucks pitched to where you let go, soft thuds on wall hits, sweeps on theme changes. All synthesized.
Color-shift themes
Five retro-futuristic palettes. Pick one or hit shift to cycle. The grid, glow, and shapes all repaint together.
Scramble & pulse
Scramble jitters every shape with a chord burst. Pulse fires a shockwave from the center on demand.
Calms down on request
Honors reduced-motion: ambient drift switches off, and you can mute every sound from the top corner.
Scroll back up and break something.