3D Camera in JavaScript - No Libraries [Understanding AI - Lesson 10 / 15]
Vložit
- čas přidán 28. 06. 2024
- PLAYLIST: • Self-driving Car :: Ph...
In Lesson 10 of the "Understanding AI" course, I'm excited to teach you how to implement a unique perspective in your self-driving car project: one from the car's viewpoint. The fascinating part? We won't be using any libraries to achieve this effect, as the underlying math is surprisingly straightforward. I believe understanding the fundamentals is crucial, and you'll appreciate the simplicity of the method.
I stumbled upon a helpful video ( • Programming racing gam... ) during my own learning journey, which inspired the approach I'm about to share with you. While the method I'll teach is a bit different, it caters to our self-driving car's ability to turn around, allowing us to see things from any angle. The core mathematical principles, however, remain almost the same. For another perspective, I recommend checking out the referenced video.
Get ready for some in-depth learning on creating a 3D camera sensor in JavaScript using math. We're diving into the world of perspective views, and by the end of this lesson, you'll be able to implement this exciting feature in your own projects. Join me in exploring the mathematical magic behind 3D cameras, and don't forget to like, share, and subscribe for more lessons on AI, game development, and innovative programming techniques!
💻CODE 💻
github.com/gniziemazity/under...
Follow Along: 5. Procedural Sound
Code After This Lesson: 6. Camera Part 1
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: • Self-driving Car :: Ph...
Video about 3D: • Programming racing gam...
#RacingGame #RacingGameJavaScript #3D #Pseudo3D #3DNoLibraries #3DJavaScript #JavaScript Lesson
⭐TIMESTAMPS⭐
00:00 Introduction
01:01 Quick Debugging
02:42 Camera Object
09:58 Rendering what the Camera sees
14:05 Explaining the Projection
19:30 Debugging / Fixing Problems
Liked 👍👍... It is very rare to see anyone going back to the origins of graphical programming. 😁Now it hit me even a little nostalgia, remembering the time when we did not have 3D boards yet ... Dear I just noticed that I am already an elder ...👴👴👴🤣🤣👍
Yeah :-) I liked making this video.
Thumb up, best explanation of perspective and camera angle 👍👍👍 Thank you! I will wait for the continuation
Coming next week :-)
a whole new perspective, amazing!
Sure is :-)
Mind-blowing!!!🤯
:-)
Lo mismo digo, es demasiado top.
Thanks :-)
Radu, you are simply The Best ! ❣️
Thank you :-)
Felicidades Radu, haz mejorado mucho la edición y calidad en los videos. El contenido también es espectacular!
Thank you! And thanks for watching! :-)
a huge fan already
Thanks :-)
Sensationnel! J'ai aimé la partie où tu utilises le jouet du bébé.😀
Haha :-) yeah, I liked that part too!
very unique content i love it! deff outstanding out here on youtube where everyone's pretty much just copy each other pretty much ;)
To be honest, I don't know much of what others are doing... I only have few coding channels I keep an eye on and they seem to be quite original.
@@Radu interesting where did you find them? i was talking mainly on freecodecamp tutorials if you were curious where i got my opinion from
I don't know... I think CZcams just recommends me some things and sometimes it does a great job figuring out the good stuff :-)
Wow ❤
:-)
💖💖💖💖
❤
maaaaan ive been following all the videos for the self driving car and still don't understand how it is able to render all this stuff xD
It's not that many polys / points in the small worlds I'm using here.
For the bigger worlds (like on my website) I also use a grid-based indexing method so I only render things within the cells on-screen.
That's it, pretty much :-)
Hmm trying really hard to understand the 3d 😂.And Mr Final Boss says its easy.
Well, what we're doing here is not really that hard :-)
why ohh why did I sleep thru my trigonometry/geometry classes :D
Maybe because they were boring :-D
I have completed Phase 1 and now am starting phase 2.
Awesome, let me know how it goes! :-)