Build a Gesture-Controlled Game in Next.js | Moving Elements with Hands | #2
13Welcome back to our six-part series on building a gesture-controlled game using Google’s MediaPipe.js library! 🎮🖐️ In this second video, we take the next step by adding interactive elements and controlling them with hand gestures.
Previous episode here 👉 https://youtu.be/jb25cEOT-rA
Here is the link to the complete tutorial 👉 https://www.youtube.com/playlist?list=PLhiuRfXhpqSbEApUrmq04ATAuwlxdWwSl
Don’t forget to like, comment, and subscribe to stay updated with the latest videos in this series. Hit the bell icon 🔔 to get notified whenever a new episode drops!
Episode 2: Moving a Rocket with Hand Gestures
In this exciting episode, we dive into:
1. Creating the Rocket Element: We'll design a small rocket that will be the centerpiece of our game.
2. Hand Gesture Integration: Using the hand detection data from MediaPipe.js, we'll calculate the tilt and degree of rotation between hands.
3. Controlling the Rocket: Learn how to move the rocket on the screen left and right based on hand gestures, making it responsive to your movements.
Tools and Technologies:
- MediaPipe.js: To fetch and utilize hand detection data.
Connect with Me:
- [LinkedIn](https://www.linkedin.com/in/koushik-sarkar-iimc/)
- [GitHub](https://github.com/KoushikJit)
---
**Tags:** #NextJS #MediaPipeJS #HandDetection #WebDevelopment #GameDevelopment #JavaScript #GestureControl #Tutorial #Coding #RocketGame
---
Enjoy the video, and happy coding! 🎉