Duration: 14:40

794 views

31

Download the full code for free: https://ko-fi.com/s/abe25c5e70
Give the game a try 👉 https://meteor-dash.vercel.app/
Github repo: https://github.com/KoushikJit/meteor-dash.git

Welcome back to our series on building a gesture-controlled game using Google’s MediaPipe.js on Next.js! 🎮🖐️ In this fourth video, we dive into collision detection to add an element of challenge in our game.

Previous episode here 👉 https://youtu.be/ZcsV50k25Qo
Here is the link to the complete tutorial 👉 https://www.youtube.com/playlist?list=PLhiuRfXhpqSbEApUrmq04ATAuwlxdWwSl

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 here 👉 https://youtube.com/playlist?list=PLhiuRfXhpqSbwM0rCuv7-mrCUSiIVyzAz&si=RinnIxuHdvQLnpzD

📹 Episode 4: Implementing Collision Detection
In this episode, we’ll cover:
1. Collision Detection Logic: Learn how to detect when the rocket collides with falling meteors/boulders.
2. Invincibility Period: Implement a 1.5-second invincible period right after a collision, preventing multiple hits in a short time frame. This is a common feature among arcade games.
3. Collision Cushion: Add a cushion around the boulders to ensure narrow escapes don’t count as collisions, making the game fairer and more enjoyable.

Connect with Me:
- [LinkedIn](https://www.linkedin.com/in/koushik-sarkar-iimc/)
- [GitHub](https://github.com/KoushikJit)


Enjoy the video, and happy coding! 🎉