AETHER | Universal Creative Sandbox

---

🌌 The Concept

Aether is a browser-based, mobile-first 3D engine that allows you to sculpt and control digital matter using nothing but your hands.

"No mouse. No keyboard. Just energy."

It utilizes Three.js for high-performance WebGL rendering and MediaPipe for real-time AI computer vision.

🎮 How to Control (Gestures)

Gesture	Action	Visual Effect
✋ Open Palm	Control Position	The shape follows your hand in 3D space.
🤏 Pinch	Intensity	Pulses the shape and tightens the particle field.
✊ Closed Fist	Switch Mode	Changes the atmosphere (Creative / Chaos / Zen).
✌️ Victory Sign	Morph Shape	Transforms geometry (Heart, Sphere, Saturn, etc).
↕️ Hand Height	Energy Level	Controls rotation speed and chaos velocity.

🛠 Tech Stack

• Three.js: Custom Shader Materials & Bloom Post-processing.
• Google MediaPipe: Machine Learning for hand landmark detection.
• Vanilla ES6: No bundlers required. Runs natively.

🚀 Installation

1. Clone the Repo
2. Run on Local Server (Required for Camera access)
   • VS Code Live Server
   • python -m http.server
   • npx serve
3. Allow Camera Access when prompted.

---

_{Engineering // Salah Uddin Kader}