skip to main content

audio reactive

in touchdesigner

i've listened to music my whole life. young thug and lil uzi vert are my favorites, artists whose reach into fashion and visuals is as sharp as their music. in touchdesigner i build visuals that respond to tracks i love: frequency bands, percussive hits, the way a song breathes. i work in audio reactive because that's how i already hear music.

touchdesigner real-time visuals audio reactive creative coding 2026
03 travis scott

sdp interlude

concentric orbit rings drawn as circle SOPs, radius driven by low-frequency amplitude through a lag smoother. dot particles are instanced at jitter positions along each orbit: brightness and scatter respond to the spectral centroid so the field densifies when the song opens up and contracts on the drops.

04 travis scott

sdp interlude ii

the same song, built from scratch with a different system. noise texture runs through five edge TOPs in sequence, stacking outlines until it looks like scratched film. feedb_level1 bleeds the previous frame back driven by low frequency and rhythm, transform2 tiles and shifts with the bass, then a sixth edge pass, displacement, and rgblevel3 pushed on contrast lands that crumpled-panel tiled look.

05 stham

erase your social

i built the jellyfish body by copying a noise-deformed curve into ring copies with copy SOP and surfacing them with skin, then added sprinkle for scattered points across the membrane. the audioreactive rotation CHOP takes the snare and low frequency channels from the audioanalysis container and rotates the whole geometry, so the body spins and pulses with the song. noitransse handles the organic deformation, two lookup textures do the blue-to-purple color mapping, and the feedback blur on the render is what gives the outer edges that bioluminescent glow.

06 jacidorex

love parade

circle radius, corner pin warp, and feedback opacity all driven by a single audio spectrum, routed through audioAnalysis.tox, lag-smoothed so transients punch hard and silence goes invisible.

touchdesigner network for love parade: circle TOP radius wired to audio spectrum through audiospect, analyze, lag, and math remap
how it's built

every parameter
wired to the sound.

signal chain

audioAnalysis.tox is a shared container from the TouchDesigner community forum: it wraps an audiospect CHOP feeding into an analyze CHOP to extract per-band peak and RMS values. a lag CHOP downstream smooths the raw signal: attack is near-instant, release tuned by ear until harsh transients are stripped but rhythm stays readable. the smoothed channel is then math-remapped from the noise floor / peak range into 0–1 so TOPs can consume it directly. one channel drives the radius parameter on the circle TOP; a second, heavier-smoothed channel drives the corner pin TOP's displacement magnitude: the frame warps toward each beat, snaps back on the release. a difference composite blends the warped output against the previous frame, and a feedback loop with level-controlled opacity lets transient energy accumulate as trails. a final rgb key gates near-black silence to transparent so stillness collapses completely.

audioAnalysis.tox audiospect analyze lag math remap circle TOP radius corner pin difference composite feedback blur rgb key

Related project

Demon Nights

Demon Nights takes this practice to the stage: sound-reactive visuals generated in real time in front of a crowd. Same code, different room.