Music visualization · 20 seconds · 16:9
Beat-grid collision visualizer
This sample has no audio track. The motion follows a 120 BPM grid; add your own track when you render.
The prompt
A music visualization driven by a 120 BPM beat grid (0.5s per beat), rendered on a full-frame <canvas>. Deep indigo background (#0d0b1f). Glowing balls fall and bounce on a row of 8 note bars; every collision lands exactly on a beat, lights its bar (color by pitch, cyan→magenta), and emits an expanding ring. Every 4 bars the pattern changes (straight beats, then syncopation, then a fast roll), and a circular spectrum ring in the background pulses on each downbeat. draw(t) must compute positions analytically from t (parabolic arcs between beat times) so any frame is reproducible. This sample has no audio track; the motion alone must make the rhythm obvious. A small label 'Beat-synced visual · 120 BPM' sits in a corner.
Make it yours
- 1Upload your track (or pick a tempo if you only want the visual).
- 2Pick this template; we detect the beat grid and map hits to the visual.
- 3Choose a palette and how busy the pattern should be.
- 4Generate the MP4 with your audio muxed in. (This gallery sample is silent.)