Personal project / Audio / WebGPU
murmuration.
A music visualizer that maps pitch, rhythm and stereo movement to particles.
The trailer couldn’t load. Try again, or open the video directly.
Screenshots
Ribbon style stretches the particles into trails.
Constellation style draws the field as separate points.
A quieter passage, with a smaller, sparser particle field.
My work
The audio analysis, WebGPU compute renderer and interaction model.
Working with
WebGPU · compute shaders · Canvas · audio analysis
Inside the build
Audio analysis and particles.
Context
The particle field responds to several features of a track: pitch, tempo, transients, stereo position and quiet passages.
How it works
Chroma, spectral flux, per-band attack and center-versus-sides analysis produce separate signals. A compute shader uses them to move and stretch the particles.
In the work
Live in a browser. A recorded run at 1800 × 3043 measured 620k particles in 8.07ms of GPU time; 1.2M in 11.85ms. Hardware was not recorded.
- Signal
- Chroma key detection · autocorrelated spectral flux for tempo
- Separation
- Centre-versus-sides analysis gives 3.5× separation on the bundled track
- Styles
- Nebula · ink · constellation · ribbon · etching
More detail Controls and additional screenshots +
The interface shows playback, style, sensitivity, quality and frame rate. B changes the render mode; V changes the style.
