3
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
Add a comment
0/2000