Рет қаралды 331
Download the full code for free: ko-fi.com/s/ab...
Give the game a try 👉 meteor-dash.ve...
Github repo: github.com/Kou...
Welcome back to our six-part series on building a gesture-controlled game using Google’s MediaPipe.js library on Next.js! 🎮🖐️ In this second video, we take the next step by adding interactive elements and controlling them with hand gestures.
Next episode here 👉 • Endless Obstacle Cours...
Previous episode here 👉 • Computer Vision Tutori...
Here is the link to the complete tutorial 👉 • AI GAME Development St...
In this series, we'll dive deep into creating a web app that utilizes hand detection to control game actions. This guide will help you make a cool computer vision project on Next.js that will make you stand out as you learn to create AI apps.
Don’t forget to like, and subscribe to stay updated with the latest videos in this series. Hit the bell icon 🔔 to get notified whenever a new episode drops!
Find other cool Next.js + AI projects A here 👉 • AI Web Development
Episode 2: Moving a Rocket with Hand Gestures
In this 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 super responsive to hand movements.
4. I’ll show you some tips to make sure the hand recognition model can run on edge devices without using too much computing power.
Connect with Me:
- [LinkedIn]( / koushik-sarkar-iimc )
- [GitHub](github.com/Kou...)
Enjoy the video, and happy coding! 🎉