Built my first interactive generative art piece with Claude — 30 minutes, zero WebGL or coding experience

Hey everyone, I wanted to share a project I just finished called the Aether Torus. It’s a single-file HTML WebGL experience featuring 35,000 particles that react in real-time to your webcam and hand gestures. I have absolutely zero coding experience. I didn’t write a single line of this JavaScript myself. Instead, I built this entirely through vibecoding, iterating directly with Cursor, prototyping with Claude Artifacts, and using Gemini 3.1 for complex logic and problem-solving. Here is a breakdown of what it is and how the build process actually went down. 🌌 What the Aether Torus Is It’s built using Three.js and MediaPipe for the hand tracking. The core is a massive torus made of particles that responds to specific gestures: Fist: Triggers a "Gravity Crush," collapsing the particles into a tight singularity ring. Open Palm: Overcharges the field and explodes the energy outward. Index Finger: Unfurls the torus into a 3-armed Archimedean spiral. Pinch: Zooms the camera…