qualia: a whole rig in one browser tab
One browser tab that fuses live coding, a pedal-steel rig, pose tracking, and 20+ visualizers into a single instrument. No install — here's how to open it and start poking.
// posts
Writing
On creative coding, generative art, music production, and the tools that power them.
the observer field is listening
Audience participation in qualia: every phone runs its own pose tracking, the crowd becomes 8 signals in the visuals, and it can't drop my framerate.
tether: run the whole rig from your pocket
The companion PWA that turns your phone into a wireless remote for qualia — pair once with a QR, then freeze loops and swap visuals from ten feet away.
your skeleton is the physics engine
33 MediaPipe landmarks, a 1/dist² attractor field, and 10k particles that chase your elbows — all in the browser, no install.
hearing in color: audio-reactive visuals with the browser's FFT
Point an AnalyserNode at the mic, read the spectrum every frame, and map bass/mid/highs to visuals — the lazy, browser-native way.
particle systems from scratch (no library)
Skip the library — a fast Canvas2D particle system fits in a screen of code, and then you can feed it pose, audio, or your mouse.
your first fragment shader, no three.js
Canvas2D gives you one CPU core; a fragment shader gives you the whole GPU. The raw WebGL is ~40 lines — here's the whole thing, no build step.