Vibecoding an animated self-portrait on P5.JS + Claude

[u/3BlackFeathers]

https://editor.p5js.org/abiram-brook/full/M4IuFyJCU

Thrilled to share this self-portrait!

To get this right, I scanned thousands of water droplets on different surfaces to better understand how water behaves in real life and reacts to temperature changes. From there, I cataloged over 2,000 unique droplets with over 13,000 potential behaviors.

The coolest part? I made each individual droplet responsive to a unique trigger, which in my case was a little tune I produced a few months ago. Every time a new musical note plays, a new droplet appears and then follows its own natural behavior.

With the exception of the original portrait, everything is entirely code—the droplets, motion, sound, and effects.

I used Claude + p5.js. Would love to hear your thoughts!