Skeleton as Attractor: Real-Time Pose Particles in the Browser
Using MediaPipe Pose to turn body landmarks into live attractor fields that shape a particle system — no server, no install, just a camera and a canvas.
// posts
Writing
On creative coding, generative art, music production, and the tools that power them.
Hearing in Color: Audio-Reactive Visuals with the Web Audio API
Building a real-time audio visualizer using the browser's built-in FFT — from microphone input to frequency-mapped particle fields and shader-driven waveforms.
10,000 Particles, No Libraries: Building Fast Particle Systems in Canvas2D
Typed arrays, additive blending, and curl noise — everything you need to run a high-performance particle system in the browser without a game engine.
Your First Fragment Shader: Real-Time GPU Art in the Browser
WebGL lets you run code on thousands of GPU cores simultaneously. Here's how to get from a blank canvas to a live, animated GLSL shader — no three.js required.