No video

AI Game Development Template for Next.js

  Рет қаралды 331

Maple Arcade

Maple Arcade

Күн бұрын

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

Пікірлер: 2
@akshatanand6919
@akshatanand6919 Ай бұрын
been following this , have a question I have a nvidia GTX 1650Ti on my laptop, when i build this project, i did used the 'GPU' as delegate but the whole feed freezes, and the rocket model moved very slow, on further analysis, my CPU is getting used and its bottle necking, pls tell me a fix, does this involeve me downloding CUDA.?
@maplearcadecode
@maplearcadecode Ай бұрын
It seems like so. Although please give the game a try here, with your current set up on Chrome 👉 test-plane.vercel.app/ It's not the final game, but it has the basic building blocks.
Endless Obstacle Course in Next.js
21:19
Maple Arcade
Рет қаралды 216
DCS battery! Youtuber Sued for Reviewing this Battery?! Let's Test It!
19:44
DIY Solar Power with Will Prowse
Рет қаралды 239 М.
Чёрная ДЫРА 🕳️ | WICSUR #shorts
00:49
Бискас
Рет қаралды 4 МЛН
The Giant sleep in the town 👹🛏️🏡
00:24
Construction Site
Рет қаралды 18 МЛН
NEW Tesla Released A Huge Downgrade | This Could Be Good
19:53
Ryan Shaw
Рет қаралды 101 М.
Learn Collision Detection once and for all | #4
14:41
Maple Arcade
Рет қаралды 663
Hands-Free Audio Control with Google AI Edge & Next.js
10:07
Maple Arcade
Рет қаралды 226
Ollama.ai: A Developer's Quick Start Guide!
26:32
Maple Arcade
Рет қаралды 6 М.
I've been using Redis wrong this whole time...
20:53
Dreams of Code
Рет қаралды 352 М.
New Jailbreak Technique for LLMs (ArtPrompt)
9:45
Maple Arcade
Рет қаралды 1,5 М.