Camera Input for Racing Game in JavaScript [Understanding AI - Lesson 14 / 15]

  Рет қаралды 3,329

Radu Mariescu-Istodor

Radu Mariescu-Istodor

Күн бұрын

PLAYLIST: • Self-driving Car :: Ph...
In Lesson 12 of the "Understanding AI" course, join me in implementing camera controls for our racing game using the marker detector code we built in the previous tutorial. This innovative approach will elevate your gaming experience as we delve into using marker centroids to determine tilt, allowing for dynamic control within the game.
Picture this - pulling back with the marker activates the brake, and with a prolonged hold, it seamlessly switches to reverse. I'll guide you step-by-step through this process, demonstrating how to draw an augmented reality steering wheel that visually enhances the sensation of gripping and steering.
It's time to merge the worlds of AI, game development, and marker detection for an immersive racing experience. So, buckle up and get ready to accelerate - vroom! Like, share, and subscribe for more lessons on AI, game development, and cutting-edge programming techniques!
💻CODE 💻
github.com/gniziemazity/under...
Follow Along: 8. Phone Input AND 9. Marker Detector
Code After This Lesson: 10. Camera Input
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: • Self-driving Car :: Ph...
#RacingGame #RacingGameJavaScript #CameraInput #ImageProcessing #JavaScriptWebcamGame #JavaScriptWebcamControls
⭐TIMESTAMPS⭐
00:00 Introduction
00:58 Camera Controls
14:22 Augmented Reality
24:28 Detect Closeness to Camera

Пікірлер: 37
@andy_lamax
@andy_lamax 27 күн бұрын
Detecting a marker felt like a very random video. Glad to see where it was leading to
@Radu
@Radu 26 күн бұрын
Yeah :-) sometimes it's hard to make it clear where I'm heading in these courses... I just like to teach different techniques.
@user-vk6cb1zu7p
@user-vk6cb1zu7p 25 күн бұрын
Devin AI will run way after watching this video. You are awesome Radu sir great love from Pakistan!!!
@Radu
@Radu 24 күн бұрын
:-))
@javifontalva7752
@javifontalva7752 Ай бұрын
This is beyong my wildest dream. Loved it!!!
@Radu
@Radu Ай бұрын
Happy to hear you like it :-)
@basiccoder2166
@basiccoder2166 27 күн бұрын
Ive never in my wild dream think about such cool idea. Love it ❤
@Radu
@Radu 26 күн бұрын
Glad you liked it :-)
@wgalloPT
@wgalloPT 24 күн бұрын
This is fantastic...I hope I get to do it...
@Radu
@Radu 19 күн бұрын
Thanks :-) Let me know how it's going!
@joseantonioruiz2470
@joseantonioruiz2470 27 күн бұрын
Amazing Radu!!!! Saludos desde Perú
@joseantonioruiz2470
@joseantonioruiz2470 27 күн бұрын
Y felicidades porque se nota mucho las mejorías en calidad de los videos!
@Radu
@Radu 26 күн бұрын
Thank you!
@azranet2075
@azranet2075 27 күн бұрын
Could you please create a video tutorial on building a Bird’s Eye View Vision System similar to those in cars using JS and HTML canvas? It would be fantastic if you could demonstrate how to incorporate 4 cameras and achieve that realistic top-down perspective. Additionally, discussing its practical applications in developing such applications would be incredibly valuable. This idea is brilliant and holds immense potential!
@Radu
@Radu 26 күн бұрын
Ah... that would be a hard one... I'd need several cameras... to place them in VERY precise places on some device that can move... to synchronize their frames and do the math that 'mushes' their images into one thing... I think it's a lot of work for one video and not sure how many would like to see it :-\ maybe someday.
@hoxlabs4038
@hoxlabs4038 23 күн бұрын
i love your videos sir. really hope to achieve skills like u someday.
@Radu
@Radu 19 күн бұрын
Just practice :-) I'm sure you'll do it!
@gersonrodriguez9005
@gersonrodriguez9005 27 күн бұрын
Tu contenido es oro, aprendo mucho con tus videos, saludos desde Perú tmb
@Radu
@Radu 26 күн бұрын
Thanks for watching!
@ahmad-murery
@ahmad-murery 27 күн бұрын
Radu, you keep amazing me
@Radu
@Radu 26 күн бұрын
Haha, good :-)
@mohammadsaifulislam8341
@mohammadsaifulislam8341 27 күн бұрын
Awesome, love it!!!
@Radu
@Radu 26 күн бұрын
Thanks!
@user-kl6xq5we4x
@user-kl6xq5we4x 27 күн бұрын
Thank you ❤ from Pakistan.
@Radu
@Radu 26 күн бұрын
Thanks for watching!
@ChandrashekarCN
@ChandrashekarCN 26 күн бұрын
💖💖💖💖
@Radu
@Radu 26 күн бұрын
:-)
@69zwaan
@69zwaan 27 күн бұрын
Het is prachtig coding om te zien, leerzaam.
@Radu
@Radu 26 күн бұрын
Glad you like it :-)
@adilsonbuset738
@adilsonbuset738 Ай бұрын
Ce cours m’a fait exploser la cervelle.🤯
@Radu
@Radu Ай бұрын
Je suis content d'entendre :-)
@EzraSchroeder
@EzraSchroeder Ай бұрын
you know what would be awesome would be if you could give people emoji perks for how many seconds/minutes/hours they cumulatively watched your channel (better yet including things like how many times they *paused* videos cause that might be a good marker for thinking & returning to it)
@Radu
@Radu Ай бұрын
That's a great idea, but I don't think KZbin supports those features... Or maybe it does and I need to research more how it works :-)
@kaiseraugustus1393
@kaiseraugustus1393 26 күн бұрын
Sorry, but I don't like the intro at all, for me it is so awkward, that I can't watch it... but the CONTENT is so good! : D For me, the intro and the content are kinda contradictory...But, as long, as I can skip the intro fast enough, I am enjoyed and lectured by your content ^^
@Radu
@Radu 26 күн бұрын
Sure, I usually add a shortcut in the description to skip the intro :-)
@pizdaxyu
@pizdaxyu 23 күн бұрын
it grows on you, now I sing along with each intro :D
@firefox_tn1815
@firefox_tn1815 20 күн бұрын
​@@RaduKeep it it's you signature
Understanding AI - Lesson 1 / 15: A Simple Neural Network
32:09
Radu Mariescu-Istodor
Рет қаралды 16 М.
ПООСТЕРЕГИСЬ🙊🙊🙊
00:39
Chapitosiki
Рет қаралды 29 МЛН
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 33 МЛН
I Built a Shelter House For myself and Сat🐱📦🏠
00:35
TooTool
Рет қаралды 23 МЛН
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
7:09
Chris DeLeon of HomeTeam GameDev
Рет қаралды 8 МЛН
Dijkstra's Algorithm in JavaScript [Understanding AI - Lesson 6 / 15]
27:38
Radu Mariescu-Istodor
Рет қаралды 3,5 М.
Cody: the AI assistant that actually knows your codebase
10:07
Aaron Francis
Рет қаралды 17 М.
How to Fake data in Apps
6:59
Radu Mariescu-Istodor
Рет қаралды 2,6 М.
This VS Code AI Coding Assistant Is A Game Changer!
14:27
codeSTACKr
Рет қаралды 131 М.
Create Cinematic AI Videos for Free | Haiper AI Video Tutorial
15:35
Curious Refuge
Рет қаралды 206 М.
Detecting Colored Markers with JavaScript [Understanding AI - Lesson 13 / 15]
43:58
How To Use AI to Create Viral Content (in 60 Seconds)
6:05
Lara Acosta
Рет қаралды 16 М.
3D Camera in JavaScript - No Libraries [Understanding AI - Lesson 10 / 15]
31:01
Radu Mariescu-Istodor
Рет қаралды 3,9 М.
ПООСТЕРЕГИСЬ🙊🙊🙊
00:39
Chapitosiki
Рет қаралды 29 МЛН