music dj mixes visualizer javascript

Breakcore / Hardsound and Electro / Techno / Italo / EBM — Two More Mix Visualizers

Two more players in the mold of Illusions: twelve breakcore, gabber, jungle and industrial mixes, and eleven electro, techno, italo and EBM mixes by Cutups, each with its own hand-made visualizer that reacts to the music and the cursor.

After Illusions, I gave two more of my mix playlists the same treatment. Each mix gets its own visualizer, drawn in code from that mix’s cover art and tuned to the music on it.

Breakcore / Hardsound

The Breakcore / Hardsound player on 10000% Absolute F*cking Thunder Troll: a green troll in a blue tracksuit swings a spiked club on a stone bridge in the rain, beside a speaker stack, with red dice tumbling and a chrome counter reading 0%
10000% Absolute F*cking Thunder Troll (2012). The counter climbs to 10,000% across the mix.

These are the loud ones, so the scenes hit hard. On Coughing Up Blood, the red CD from the cover spins on its tray, and kicks drop blood on it that the spin flings into spiral smears. Tell Me (Lies) is a polygraph, with each track a new question marked on the chart paper. Thunder Troll is a bridge troll in a shell suit doing the hakken stomp in front of a Rotterdam speaker stack, slamming its club on every kick while a little D&D party keeps trying to cross. Flesh Lathe turns a length of flesh whose profile is the spectrum. Terminal Atroxity is a wall of monster stickers that sing their slice of the spectrum, with new ones slapped over old ones on the kicks. Detroit Industrial is a stamping plant, five presses each listening to their own band.

The Breakcore / Hardsound player on Hardcore Jungle Ultrabeat: a night highway between palm trees runs toward a pink striped sun, with plasma lightning across a magenta sky and a speedometer reading the tempo in BPM
Hardcore Jungle Ultrabeat (2026): the speedometer reads the BPM until the needle runs off into ∞.

Electro / Techno / Italo / EBM

The Electro / Techno / Italo / EBM player on Italian Danse 1990: a studded sphere with a glowing core and orange tendrils, wired to an old tape computer whose screen types out the current track, over an orange sunburst floor
Italian Danse 1990 (2023): every stud on the sphere is a slice of the spectrum.

The synthetic side of the floor. On Italian Danse 1990, the spore from the cover is wired to an old tape computer that types out each new track. Cold Wave has the cover’s black cat waiting in the barrel of a frozen wave, with frost creeping over the glass. On Cell Death, cells divide on the kicks and die when it gets crowded. Food Router plays its flyer as an arcade attract mode, with a maze, four ghosts and power pellets on the kicks. The Breaking Wheel turns the woodcut’s wheel into a sixteen-step drum machine that draws each track’s groove on itself, and 80disco plays as a music video taped off the TV.

The Electro / Techno / Italo / EBM player on Kill Disco: a chrome disco robot and a boxy yellow toy robot dance on a checkered floor under a mirror ball, against hot pink rays
Kill Disco (2004). The title is an instruction: shoot the mirror ball three times and it comes down.

Play with it

As in Illusions, every scene responds to the cursor, and a hint at the top says what your hands do. You can scratch the CD on Coughing Up Blood, call down lightning on Fortean Crimes, steer the router through its maze, pin pegs on the Breaking Wheel, or send the Kill Disco robots across the floor.

Each scene has four looks. The first takes its colours from the cover, and the scene eases into the next look at each track change; press V to switch yourself. The audio is split into bands, kicks, snares and hats, so each scene can react to them separately. Before you press play, or if a mix can’t be analysed, the visuals follow a built-in pulse set to that mix’s tempo. If your system asks for reduced motion, the flashes and shake are toned down.

The audio and tracklists come from Off Grid, so both playlists are also on geoffreymaddock.com/audio: Breakcore / Hardsound and Electro / Techno / Italo / EBM. Every mix has a deep link, like /visualizers/breakcore-hardsound.html#rave-demon.

Controls

KeyDoes
SpacePlay / pause
← →Skip 10 seconds
Shift + ← →Previous / next mix
[ ] or Shift + ↑ ↓Previous / next track
TTracklist
VChange look
MMute
FFull screen

Open Breakcore / Hardsound →

Open Electro / Techno / Italo / EBM →