025
Webcam Creative Coding Experiments
Browser-based webcam experiments with p5.js: digital rain, particle flow fields, and generative visuals, built for a real office.
This reading didn't load. The transcript is below.
Read the transcript
Your webcam has spent most of its life pointed at your face. I wanted to see what else it could do. These are browser-based visual experiments, built with p five dot js. Each one takes your live feed and turns it into something generative. A Matrix-style digital rain driven by what the camera sees. Particle flow fields that shift as you move. One is called Venus Breathing. The look sits between Japandi calm and Refik Anadol's data art. I made them for my office at Venus Remedies. They point toward something larger: a permanent generative-art installation for that space. Vibe-coded with AI, started January twenty twenty-six. Open one in the browser, allow camera access, and explore. It's launched.
Narrated in my own cloned voice, generated with ElevenLabs v4.
I started with a question: webcam pointed at my face, what else can it do?
These are browser-based visual experiments built with p5.js. You open one, allow camera access, and the feed becomes raw material. The webcam drives everything: a Matrix-style digital rain that maps your image into falling characters, particle flow fields that shift and swirl as you move, Venus Particle Flow, Venus Breathing. The look sits somewhere between Japandi calm and Refik Anadol’s data art. Still, alive, both at once.
I built them for my office at Venus Remedies. These experiments were the testing ground, a playground for what real-time computer-vision effects can do with accessible tools.
p5.js turns out to be enough. HTML, JavaScript, and a browser: that’s the whole stack. I vibe-coded them with AI, starting in January 2026.
They point toward something larger: a permanent generative-art installation for that office. These are the sketches. Launched.
The making
- HTML
- JavaScript
- p5.js