fluid reactive

How it works

A WebGL fluid simulation driven by a track's audio analysis. The real project reads Spotify's beats, loudness and pitch; this demo synthesizes the same analysis offline so it runs with no login and no network.

• Beats inject bursts of colored dye.
• Loudness scales the vorticity — louder means more swirl.
• Pitch class sets the dye hue (the row below is the legend).

Drag

paint dye and push the fluid

Space

play / pause

M

microphone (falls back to the synth track)

N

new procedural track

The microphone is the no-login fallback: it analyzes a live FFT entirely on-device. If access is blocked, the synth track keeps playing.