Generative art from music
Audio is analyzed in real-time using the Web Audio API. Frequency data, amplitude, and beat detection feed into generative algorithms that create visuals unique to each song.
color = f(pitch, tempo, amplitude)
Each song produces a unique chromatic fingerprint based on its harmonic and rhythmic content.
Particles follow audio-reactive flow fields. Accumulates as stippled texture over time.
Pixel sorting triggered by amplitude. Creates glitchy, smeared horizontal bands.
Radial slices spawn on beats, building outward like tree rings. A circular timeline of the song.
L-system fractal trees grow on beats. Branch angle and length determined by pitch.
Concentric circles pulse outward on each beat. Hypnotic ripple patterns.
Stars spawn on beats and connect to nearby stars. Builds a constellation map.
Scrolling mountain range generated from waveform. Layered parallax landscape.
8-way kaleidoscope symmetry. Particles are mirrored radially around center.
Single continuous line that never lifts. Perfect for pen plotters like AxiDraw.
Audio-modulated spirograph patterns. Mathematical curves driven by frequency.
Cellular automata (Game of Life) with audio-modulated rules and birth rates.
Particles orbit gravitational attractors. Audio affects gravity and orbital paths.
Cellular patterns that fracture and reform on beats. Geometric tessellation.
Organic branching network growth. Audio feeds the fungal network expansion.
Topographic contour lines over an audio-reactive height field.
Delaunay triangulation mosaic with rippling colors like stained glass.
Procedural isometric cityscapes that breathe and pulse with audio.
Chladni plate standing wave patterns. Frequency determines modal shapes.
Reaction-diffusion (Gray-Scott) organic chemical patterns evolving with audio.
Classic Windows 3D pipes screensaver. Pipes grow and turn through 3D space.
Atoms forming and breaking chemical bonds. HCNOS elements with proper valence.
Dendritic crystal nucleation and growth. Snowflake-like patterns form on beats.
Quantum electron probability clouds. S, p, d, f orbitals visualized with particles.
Realistic combustion simulation. Fuel particles ignite and rise as flames and smoke.
Titration simulation with color-changing pH indicator. Acid and base drops diffuse.
Chain polymerization reactions. Monomers link into long polymer structures.
Electrochemical cells with electron flow between anode and cathode.
Audio-reactive Mandelbrot/Julia sets. Auto-zooms to interesting locations on beats.
Generate React components from audio. Beats spawn components, bass creates structure.
Chat interface where responses become multi-mode visual chaos. Words trigger different layers.
Albums become design systems. CSS variables, colors, spacing extracted from audio.
Sound as ocean waves. Sand remembers, shells deposit, tide pools form.
GitHub-style grid where each cell is a musical note. Chords create lightning.
Edges pull particles to the void. Sound pushes them back with light trails.
Memory artifacts. Audio from 30 seconds ago bleeds into now. Time is broken.
Canvas becomes audio input. Recursive chaos. Will crash to white or black - the journey is art.
Audio controls impossible things. Bass = z-index of nothing. Errors visualized.
Past, present, future rendered out of order. Causality violation as aesthetic.
Sound destroys. Silence preserves. What remains is the song's negative space.
Pitch β smell. Volume β taste. Rhythm β texture. Impossible sensations as words.
Sound IS gravity. Bass warps spacetime. Beats collapse wave functions. The unified theory of audio.
Navigate audio-generated patterns. You cannot die - collisions transform reality. WASD to move.
Bass = heavy blocks (O, J, L). High freq = light pieces (I, S, Z). Beats speed up drops.
Beats spawn hidden mines. Quiet sections = safe clearing time. Race against the music.
Ride a 3D highway generated from audio. Collect orbs. Speed scales with tempo.
Pulsing 3D icosahedron that morphs and breathes with audio. Orbiting particles.
80,000+ particles forming cosmic clouds. Attractors orbit and pull particles.
Classic infinite tunnel effect. Speed and colors react to tempo and amplitude.
Amino acid chains that fold and unfold. Alpha helices and beta sheets form with audio.
Physics structures destroyed by audio. Bass shakes foundations. Beats explode walls.
Jelly blobs colliding and squishing. Bass compresses. Beats bounce.
2D plane in 3D space. Portals tear open between dimensions. Physics breaks.
Bass creates black holes. Treble creates anti-gravity zones. Objects orbit and collide.
3D ocean waves with sand, shells, and tide pools. Sound shapes the shore.
3D terrain built from audio. Frequency Γ amplitude Γ time creates geological records.
Fly through a wormhole! Arrow keys to surf. Particles paint the walls. Bass drops freeze time.
Neural cellular automata. Living walls that breathe, grow, heal, and hallucinate.
A choreography engine driven by sound. You cannot die - collisions transform instead of ending.
Physics modes change based on audio:
Getting hit doesn't end the game - it might distort time, shift colors, invert your controls, or clear bullets. The goal isn't survival - it's grace, timing, and reading the field.
Click the ποΈ button (top right) to open the live tuner. Adjust visualization parameters in real-time like an audio producer mixing visuals:
Presets: Subtle, Aggressive, Pure Chaos, Temporal, Reset
When enabled, detects high beat rates (>8 beats/sec) like blast beats in metal. Instead of pulsing on every beat (which would be overwhelming), switches to sustained intensity for smooth flowing visuals.
Many modes support vector export for infinite resolution and pen plotting:
SVGs can be opened in Illustrator, scaled to any size, or sent directly to pen plotters.
Switches from canvas to text-based visualization. The entire screen becomes a grid of characters that respond to audio:
Uses speech recognition to interpret vocals - even when it can't understand them. The neural network's confused attempts at transcribing screams/growls become visual data:
The interpretation doesn't need to be correct - garbage text from black metal vocals creates abstract character patterns.