Рет қаралды 1,976
Give it a try 👉 meteor-dash.ve...
Github repo: github.com/Kou...
Want to play a game controlled by your hand movements? This series will show you how to build a responsive computer vision game entirely in your browser, no plugins required!
In this first video, we'll lay the groundwork by setting up the project structure and getting our webcam feed working. We'll also introduce the MediaPipe.js library, which will be used to detect hand gestures in the upcoming videos.
No prior experience is necessary! We'll walk you through everything step-by-step, even showing you how to install Node.js. Throughout the series, we'll break down the project into manageable chunks, making it perfect for beginners.
Here's what you'll learn in this video:
Setting up a Next.js project
Creating a webcam feed component
Using MediaPipe.js (introduction)
This is just the beginning! Stay tuned for the next videos where we'll build the game logic, implement hand detection, and add exciting features like collision detection and sound effects.
Don't forget to:
Like and subscribe! for more tutorials
Leave a comment below with any questions
Let's build something awesome together!
web-assembly link
const wasm = await FilesetResolver.forVisionTasks("cdn.jsdelivr.n...");
model-path
modelAssetPath: "storage.google..."