Рет қаралды 688
Download the full code for free: ko-fi.com/s/ab...
Give the game a try 👉 meteor-dash.ve...
Github repo: github.com/Kou...
Google AI Edge: ai.google.dev/...
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.
Next episode here 👉 • Practical Tailwind CSS...
Previous episode here 👉 • Endless Obstacle Cours...
Here is the link to the complete tutorial 👉 • AI GAME Development St...
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 👉 • AI Web Development
📹 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]( / koushik-sarkar-iimc )
[GitHub](github.com/Kou...)
Enjoy the video, and happy coding! 🎉