One card per primitive, every frame drawn by the committed library from the same fixed seed while the signal sweeps quiet to loud and back. The vocabulary page carries the full param tables: each card here is a picture and a name, the vocabulary is the reference.

Vocabulary version 3 · 31 primitives · rendered with npm run loops:generate

gridcore

matrix grid of cells lit by the frequency spectrum

structure · source

barcodecore

dense scrolling vertical barcode of the signal

structure · source

checkercore

a checkerboard whose squares flip with the spectrum

structure · source

barscore

vertical magnitude-spectrum bars

signal-bars · source

hbarscore

horizontal magnitude bars growing from the left edge

signal-bars · source

radialcore

a circular/polar spectrum radiating from the center

signal-bars · source

wavecore

an oscilloscope/seismograph line of the signal

signal-line · source

lissajouscore

a Lissajous curve traced from the waveform

signal-line · source

particlescore

a rotating ring of squares sized by the spectrum

geometry · source

orbitscore

concentric counter-rotating rings of points

geometry · source

dotscore

a scattered star-field of points keyed to the spectrum (deterministic)

geometry · source

shapecore

a reactive polygon at center, radius pulsing with amplitude

geometry · source

ringscore

concentric expanding circles that pulse with the beat

geometry · source

spiralcore

a spiral of points winding out from the center

geometry · source

scancore

sweeping scanlines revealed where the signal is high

motion · source

flashcore

a full-frame flash/invert on loud moments (beat)

motion · source

sweepcore

a bright vertical bar sweeping across the frame

motion · source

noisecore

deterministic seeded digital noise gated by energy

motion · source

captioncore

a bottom closed-caption box of the active text/label

text · source

raincore

Matrix-style digital rain of the active text characters

text · source

textcore

the active label as large centered text

text · source

crosshaircore

a coordinate crosshair + numeric read-out (data-screen)

text · source

ledcore

an LED dot-matrix sign: scrolling text or a named pixel icon (car, coffee, heart, home, music, ...), with an animated effect that reacts to the audio (glow/pulse/blink/equalize/sparkle/wipe)

text · source

spriteextended

an animated chunky-pixel character (built-in mascot/bot/ghost, or any named pixel icon) that walks/bounces/orbits, faces its direction of travel, switches to an idle/jump pose, and hops on the beat — a composable actor, quantizes with the retro palette

sprite · source

tetrisextended

a Game Boy-style tetromino playfield: a stacked block terrain and falling pieces that speed up with the beat — pairs with the gameboy palette

structure · source

mesh3dcore

a rotating 3D wireframe projected to the 2D canvas: a spectrum terrain (waterfall) or a point-cloud globe (uses map coords when present) — driven by the signal

geometry · source

plasmaextended

a flowing demoscene plasma field (grayscale; colorize with a palette such as neon or pico8)

geometry · source

gridhorizonextended

a Tron/synthwave perspective grid receding to a horizon with a sun — pairs with the neon palette

geometry · source

tunnelextended

a rotating demoscene tunnel: concentric rings rushing outward with rotating spokes

geometry · source

graphcontrib

a directed network of nodes and edges with packet pulses travelling along the signal

structure · source

spectrumcontrib

a labeled semantic axis: two pole labels, an optional title, and a marker the signal positions

structure · source