DevConnectDevConnect
Sign up ยท Log in

threejs

k@kakashsunny2007ยท 1h

I Built a 3D Particle Universe You Can Control With Your Hands โœ‹๐ŸŒŒ

What if you could control a 3D world without a mouse or keyboard? I built AetherParticles 3D โ€” an interactive particle universe where hand gestures become the controls. Just a camera, your hands, and thousands of particles. โœ‹ Gesture โ†’ Action โœŠ Fist โ†’ Implode particles ๐Ÿ–๏ธ Open Palm โ†’ Scatter particles ๐Ÿค Pinch โ†’ Scale the particle world โ˜๏ธ Point โ†’ Attract particles like a magnet โœŒ๏ธ Peace โ†’ Switch to the next 3D shape ๐Ÿค˜ Rock โ†’ Trigger a particle burst ๐Ÿ‘ Thumbs Up โ†’ Increase energy ๐Ÿ‘Œ OK โ†’ Randomize the experience The particles can transform into different 3D forms such as galaxies, Saturn, hearts, fireworks, lotus shapes, and more. ๐Ÿชโค๏ธโœจ ๐Ÿง  What I Wanted to Explore The goal wasn't simply to create a visually impressive particle system. I wanted to explore a bigger question: What happens when we remove the traditional interface and let humans interact with digital worlds naturally? Instead of clicking a button, moving a mouse, or pressing a key, your hand becomes the interface. โš™๏ธ What I Built The project combines: Real-time hand tracking Gesture recognition 3D particle simulation Interactive particle physics Dynamic 3D shape transformations Real-time visualization Modern web UI One of the interesting challenges was making the gestures feel responsive without making the particle system unstable or unpredictable. There is still plenty I want to improve: Better gesture accuracy More realistic particle physics Improved performance More interactive shapes More complex gesture combinations Better visual effects ๐Ÿš€ Try AetherParticles 3D https://broad-tan-2fyrf96a.edgeone.dev/ This project started as an experiment with computer vision and 3D graphics. It turned into something I enjoyed much more: Making the human hand the controller of a digital universe. โœ‹๐ŸŒŒ I'm continuing to learn, build, experiment, and explore where AI + computer vision + creative coding can take interactive experiences next. If you try it, I'd love to know: Which gesture or particle shape should I add next? ๐Ÿ‘€ #showcase #ai #computervision #threejs #creativecoding #webdev #javascript #3d

3