React Three Fiber and MediaPipe Experiments

A 3D interactive playground powered by React Three Fiber and animated using React Spring, integrated with MediaPipe for human interaction.

Experiments

• Hand Tracking an 3 JS Mesh Material: Control the interaction using your hand’s index finger, tracked using MediaPipe.

• Hand Tracking in a Game: Control the interaction using your hand’s with the three js object

• For more Playable Falconitems, Visit this Website: Falcon Demo Website.

---

Installation

1. Clone the repository:

   git clone https://github.com/your-username/falcon.git

2. Navigate to the project folder:

   cd falcon

3. Install dependencies:

   npm install

---

Usage

1. Build:

   npm run build

2. Start the development server:

   npm run start

3. Open the app in your browser:

   http://localhost:3000
   

---

Technologies Used

• React Three Fiber: For rendering the 3D scene.
• React Spring: For smooth animations.
• MediaPipe Hands: For hand tracking and gesture detection.
• Zustand: For global state management.

---

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Acknowledgments

• React Three Fiber
• MediaPipe Hands
• React Spring
• Zustand