02
LIVE
Generative Geometry
A triangulated spring mesh that breathes with simulated audio and reacts to microphone input in real time. Every vertex is physically simulated — spring force, damping, and velocity all computed per frame on the CPU.
Bass frequencies pulse the center outward. Mids ripple through the middle ring. High frequencies shimmer across the edges. Click or tap the canvas to fracture the mesh and watch it reassemble through spring physics.
Canvas 2D
Spring Physics
Web Audio API
FFT Analysis
Triangulated Mesh
Mouse Interaction
// controls
click / tap
Fracture — scatter all vertices with a radial impulse, then let spring physics reassemble them
hover
Mouse repels nearby vertices with a distance-falloff force
mic button
Route live microphone audio through the Web Audio FFT. Bass beats trigger automatic fractures
theme dots
Switch between 5 color palettes. Compressed edges use the cool end; stretched edges use the hot end