Sculpt the void. Aether's Hand is an immersive web experience where your gestures control a dynamic 3D nebula. Powered by Three.js and MediaPipe to turn your hands into real-time gravity wells.

Launch Experience

Note: For the best experience, use a Desktop device with a webcam. Mobile devices will show a "Desktop Only" warning to ensure performance.

• Real-Time Hand Tracking: Uses Google MediaPipe to track hand landmarks with high precision directly in the browser.
• 20,000+ Particles: A performant particle system built with Three.js BufferGeometry.
• Gesture Control System:
  • 👆 Point: Move the gravity well.
  • 🤏 Pinch (Dynamic): Pinch index & thumb to expand/explode the nebula. Spreading fingers intensifies the effect (Hysteresis-based).
  • 🕹️ Joystick Rotation: Use two hands to steer and rotate the entire galaxy like a steering wheel.
  • ✋ Open Palm: Hold for 1 second to cycle through different particle formations (Sphere, Cube, Heart, Saturn, etc.).

• Engine: Three.js (WebGL)
• Computer Vision: MediaPipe Hands
• Build Tool: Vite
• Hosting: Vercel

1. Clone the repository

   git clone https://github.com/sourize/Aethers_Hand.git
   cd "Aether's Hand"

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Build for production

   npm run build

This project is open source and available under the MIT License.