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! ๐