Uploaded April 2024 | Updated September 2026, 2 weeks ago
PLAYLIST: youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
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 (youtu.be/6td_zpQC1U4) 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/understanding_ai
Follow Along: 5. Procedural Sound
Code After This Lesson: 6. Camera Part 1
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Video about 3D: youtu.be/6td_zpQC1U4
#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
PLAYLIST: youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
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 (youtu.be/6td_zpQC1U4) 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/understanding_ai
Follow Along: 5. Procedural Sound
Code After This Lesson: 6. Camera Part 1
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Video about 3D: youtu.be/6td_zpQC1U4
#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






![Polyrhythms in JavaScript | How Math Can Make Your Code Better (#SoMEπ )
In this video I teach you about good coding practices when building a fun project. It emphasizes how understanding math concepts can result in simpler, easier to understand code that also correlates with fewer bugs.
The project was inspired by the polyrhythms on the @project_jdm channel:
https://www.youtube.com/@project_jdm
Check them out if you havent seen them yet!
While building this, well learn about procedural sound generation techniques, demonstrate how to enhance code structure for better readability and maintainability, and showcase the power of math in simplifying complex codebases.
If youve ever doubted the usefulness of math in coding, this video is tailor-made for you! Well debunk the myth and show you firsthand how a bit of mathematical understanding can elevate your programming skills to new heights. So, grab your coding gear and get ready to follow along with this exciting project!
const soundFrequencies = [
1760, 1567.98, 1396.91, 1318.51, 1174.66, 1046.5, 987.77, 880,
783.99, 698.46, 659.25, 587.33, 523.25, 493.88, 440, 392, 349.23,
329.63, 293.66, 261.63
];
💻CODE💻
https://github.com/gniziemazity/polyrhythm
⭐10 Ways to draw Circles⭐
https://youtu.be/W6cirmhLSSw?si=VagXmoQoEDhCJ5Xm
⭐More WebAudioAPI Tutorials⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfbHdMGj5VfLDGqAC-ugEqfy Polyrhythms in JavaScript | How Math Can Make Your Code Better (#SoMEπ )](https://i.ytimg.com/vi/FFyuRzq0nsg/mqdefault.jpg)



![3D Objects in JavaScript - No Libraries [Understanding AI - Lesson 11 / 15]
PLAYLIST: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
In Lesson 11 of the Understanding AI course, Im thrilled to unveil the magic of 3D extrusions in JavaScript. Today, Ill guide you through the process of making elements pop up in the third dimension, a technique commonly known as extrusion. And when I say everything, I mean it – from buildings and cars to road borders.
But heres where it gets really exciting! Ill demonstrate how to move the camera behind our car, allowing us to see it in action, and share a trick often used in racing games to enhance the feeling of speed. Get ready for an eye-opening experience as I expose you to some really cool techniques that will elevate your game development skills.
Join me in this lesson where we explore 3D extrusions and dynamic camera movement in JavaScript, unlocking a new dimension in your self-driving car project. Like, share, and subscribe for more lessons on AI, game development, and cutting-edge programming concepts!
💻CODE 💻
https://github.com/gniziemazity/understanding_ai
Follow Along: 6. Camera Part 1
Code After This Lesson: 7. Camera Part 2
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Video about Speed: https://youtu.be/e9OriySqLjQ
#RacingGame #RacingGameJavaScript #3D #Pseudo3D #3DNoLibraries #3DJavaScript #JavaScript Lesson #Extrusion #Speed
⭐TIMESTAMPS⭐
00:00 Introduction
01:05 Extruding Buildings
07:49 Extruding Cars
10:07 Extruding Trees
10:56 Extruding Road Borders
15:17 View from Behind
16:59 The feeling of Speed
19:30 Removing the Other Cars
23:40 Full-Screen 3D Objects in JavaScript - No Libraries [Understanding AI - Lesson 11 / 15]](https://i.ytimg.com/vi/HAoFrPz6LiQ/mqdefault.jpg)