Duration: 13:37

7,563 views

343

Welcome to the first video of our six-part series where we build an exciting gesture-controlled game using Google’s MediaPipe.js library! 🎮🖐️

In this series, we'll dive deep into creating a web app that utilizes hand detection to control game actions, making for a unique and interactive gaming experience.
Complete Playlist link
👉 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 1: Setting Up Next.js and Hand Detection

Install node : https://nodejs.org/en/download/prebuilt-installer

In this introductory episode, we cover the basics to get you started:
1. Setting Up Next.js: We'll walk you through creating a new Next.js application from scratch.
2. Fetching the Hand Detection Model: Learn how to integrate MediaPipe.js into your project to utilize its powerful hand detection capabilities.
3. Documentation Walkthrough: We’ll go over the MediaPipe.js documentation, ensuring you understand how to make the most of this library.
4. Running the Model in the Browser: Finally, we’ll run the hand detection model in our browser and log the detections to the console, verifying that everything is set up correctly.

Tools and Technologies:
- Next.js: A React framework for building fast and scalable web applications.
- MediaPipe.js: Google's open-source library for building perception pipelines, used here for hand detection.

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

Enjoy the video, and happy coding! 🎉