HandFlow is an immersive and creative web experience where particles move and react to your finger gestures in real time. Built with modern web technologies, it transforms simple interactions into visual magic.
| Feature | Description |
|---|---|
| 🖐️ Gesture Interaction | Control particle movement using your finger |
| 🎥 MediaPipe Tracking | Accurate real-time hand detection for interaction |
| 🎨 Dynamic Particle Effects | Smooth & visually appealing particle animations |
| ⚡ Real-Time Performance | Optimized for fast and fluid interactions |
| 💻 Browser-Based | Works directly in your web browser |
| 🎮 Fun & Interactive | Turn motion into stunning artistic visuals |
| Tech | Purpose |
|---|---|
| 🌐 HTML | Structure of the web experience |
| 🎨 CSS | Styling, layout & visual design |
| 🧠 JavaScript | Core interaction and particle logic |
| ✋ MediaPipe | Real-time hand tracking |
To run HandFlow locally, follow these steps:
-
Clone the repository:
git clone https://github.com/KrishBharadwaj5678/HandFlow.git cd HandFlow -
Navigate to the project directory:
Simply open
index.htmlin your browser and enjoy the experience!
Want to contribute? Here's how:
- 🍴 Fork the repository.
- 🌿 Create a new branch (
git checkout -b feature-name). - ✍️ Make your changes and commit them (
git commit -am 'Add feature-name'). - 🚀 Push to your branch (
git push origin feature-name). - 🔄 Submit a pull request to merge into the main branch.