![Fine-Tuning the Racing Game with Self-driving Cars [Understanding AI - Lesson 15 / 15] @Radu](https://i.ytimg.com/vi/SHrIPpbElkY/maxresdefault.jpg)
Uploaded May 2024 | Updated September 2026, 2 weeks ago
PLAYLIST: youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
Welcome to the grand finale, Lesson 15 of the "Understanding AI" course! In this concluding update, we'll add some finishing touches to our racing game. We'll play around with styles to give the game a polished look, integrate cars into the minimap, explore a simple collision handling method, and finally, I'll share a neat trick on making the car visually impressive.
Get your editors fired up and join me for one last ride!
I really hope you enjoyed this course. If you found it helpful, please remember to like and share it with others so they too can embark on this learning adventure. Stay tuned for an upcoming live stream event!
💻CODE 💻
github.com/gniziemazity/understanding_ai
Follow Along: 10. Camera Input
Code After This Lesson: 11. Fine Tuning
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
#RacingGame #RacingGameJavaScript #Collisions #JavaScriptCollisions #3DJavaScript #3DNoLibraries #JavaScriptMiniMap
⭐TIMESTAMPS⭐
00:00 Introduction
01:02 De-emphasizing the Other Cars
05:26 Showing all Cars on MiniMap
11:30 Background and Buildings Style
16:26 Restyling the Stats
17:36 Collision Handling
26:47 Styling the Car
49:10 Fine-Tuning
PLAYLIST: youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
Welcome to the grand finale, Lesson 15 of the "Understanding AI" course! In this concluding update, we'll add some finishing touches to our racing game. We'll play around with styles to give the game a polished look, integrate cars into the minimap, explore a simple collision handling method, and finally, I'll share a neat trick on making the car visually impressive.
Get your editors fired up and join me for one last ride!
I really hope you enjoyed this course. If you found it helpful, please remember to like and share it with others so they too can embark on this learning adventure. Stay tuned for an upcoming live stream event!
💻CODE 💻
github.com/gniziemazity/understanding_ai
Follow Along: 10. Camera Input
Code After This Lesson: 11. Fine Tuning
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
#RacingGame #RacingGameJavaScript #Collisions #JavaScriptCollisions #3DJavaScript #3DNoLibraries #JavaScriptMiniMap
⭐TIMESTAMPS⭐
00:00 Introduction
01:02 De-emphasizing the Other Cars
05:26 Showing all Cars on MiniMap
11:30 Background and Buildings Style
16:26 Restyling the Stats
17:36 Collision Handling
26:47 Styling the Car
49:10 Fine-Tuning
![Fine-Tuning the Racing Game with Self-driving Cars [Understanding AI - Lesson 15 / 15]](https://i.ytimg.com/vi/SHrIPpbElkY/mqdefault.jpg "Fine-Tuning the Racing Game with Self-driving Cars [Understanding AI - Lesson 15 / 15]
PLAYLIST: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
Welcome to the grand finale, Lesson 15 of the Understanding AI course! In this concluding update, well add some finishing touches to our racing game. Well play around with styles to give the game a polished look, integrate cars into the minimap, explore a simple collision handling method, and finally, Ill share a neat trick on making the car visually impressive.
Get your editors fired up and join me for one last ride!
I really hope you enjoyed this course. If you found it helpful, please remember to like and share it with others so they too can embark on this learning adventure. Stay tuned for an upcoming live stream event!
💻CODE 💻
https://github.com/gniziemazity/understanding_ai
Follow Along: 10. Camera Input
Code After This Lesson: 11. Fine Tuning
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
#RacingGame #RacingGameJavaScript #Collisions #JavaScriptCollisions #3DJavaScript #3DNoLibraries #JavaScriptMiniMap
⭐TIMESTAMPS⭐
00:00 Introduction
01:02 De-emphasizing the Other Cars
05:26 Showing all Cars on MiniMap
11:30 Background and Buildings Style
16:26 Restyling the Stats
17:36 Collision Handling
26:47 Styling the Car
49:10 Fine-Tuning")
![Using Dijkstras Shortest Path With AI [Understanding AI - Lesson 7 / 15]](https://i.ytimg.com/vi/TKIKFrcvnv4/mqdefault.jpg "Using Dijkstras Shortest Path With AI [Understanding AI - Lesson 7 / 15]
PLAYLIST: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYbL1vDNrfHoYOKf1Sn0A81
In this seventh lesson of the Understanding AI course, we delve into the practical application of Dijkstras algorithm in teaching AI cars to follow the shortest path. Just determining the shortest route is not sufficient; the car needs to navigate it effectively.
We do that by generating a corridor around the shortest path, compelling the AI car to adhere to it while following the right-hand rule. This innovative approach ensures precise navigation without the need for explicit target points. Join me on this journey of understanding AI, where theory meets practical implementation in the fascinating world of autonomous vehicle algorithms. Dont forget to like, share, and subscribe for more insightful lessons!
🚗FINAL CHALLENGE: DESIGN AND TEST YOUR RACING CAR HERE🚗
https://radufromfinland.com/projects/aiCarPlayground/?s=race_1
https://radufromfinland.com/projects/aiCarPlayground/?s=race_2
https://radufromfinland.com/projects/aiCarPlayground/?s=race_3
https://radufromfinland.com/projects/aiCarPlayground/?s=race_4
OR THESE WITH THE DECISION BOUNDARY SLOW (IT CAN BE SLOW...):
https://radufromfinland.com/projects/aiCarPlayground/?s=race_1_d
https://radufromfinland.com/projects/aiCarPlayground/?s=race_2_d
https://radufromfinland.com/projects/aiCarPlayground/?s=race_3_d
https://radufromfinland.com/projects/aiCarPlayground/?s=race_4_d
💻CODE💻
https://github.com/gniziemazity/understanding_ai
Follow Along: 2. Dijkstra Part 1
Code After This Lesson: 3. Dijkstra Part 2
💬DISCORD💬
discord.gg/gJFcF5XVn9
⭐LINKS⭐
Self-driving Car Course: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
#DijkstrasAlgorithm #UnderstandingAI #Pathfinding #JavaScriptCoding #AIPlayground #InteractiveLearning #LocationBasedApplications
⭐TIMESTAMPS⭐
00:00 Introduction
01:09 Generating the Corridor
06:05 Temporary Graph Manipulation
19:35 The Final Challenge")
![A Virtual World - JavaScript Course: Lesson 1 / 11 [Spatial Graphs]](https://i.ytimg.com/vi/V_C7L7zelz8/mqdefault.jpg "A Virtual World - JavaScript Course: Lesson 1 / 11 [Spatial Graphs]
Welcome to Phase 2 of my Self-Driving Car Course!
You dont need to have watched Phase 1 to start this course. A Virtual World is a standalone course where well construct a virtual environment entirely from the ground up. Get ready to use basic HTML, CSS, and JavaScript to craft this world where self-driving cars (or anything you desire, like Pokémon :-D) can roam freely. Our primary focus will be on generating this dynamic world, with the integration of self-driving car code coming at the end.
This course serves as preparation for Phase 3, Understanding AI, where well delve into neural networks and other advanced AI techniques. By the end of Phase 3, youll comprehend the inner workings of neural networks, the importance of hidden layers, and more. But to get there, we need this sophisticated world to create complex scenarios, as our previous one was too simplistic. So, if youre eagerly anticipating neural networks, please be patient and enjoy Phase 2 in the meantime.
In this phase, youll acquire valuable skills, including mathematics, algorithms, programming, and design—skills that greatly benefited me during my PhD and my time at Microsoft. Im confident theyll boost your career as well.
Heres what youll learn:
* Building a spatial graph from scratch and creating an editor with a dynamic viewport.
* Understanding the mathematics and logic behind user-friendly interfaces in modern software.
* Generating road borders, buildings, and trees using geometry and creating a 3D illusion.
* Implementing road markings to prepare for advanced self-driving challenges.
* Enhancing the world editor for user convenience and maximizing auto-generated content.
* Loading real-world data from openstreetmap for city-based simulations.
* Creating a minimap for navigation in expansive worlds.
Have Fun! :-)
⭐PLAYLISTS ⭐
Phase 1: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Phase 2: https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
💻CODE💻
https://github.com/gniziemazity/virtual-world
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
⭐ALL PREREQUISITES⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
⭐Pythagorean Theorem Video⭐
https://youtu.be/iqSlzYXdFzw
⭐Euclidean Distance Video⭐
https://youtu.be/3rPwfmrCwVw
⭐App from Phase 1⭐
https://radufromfinland.com/projects/selfdrivingcar
☕Buy me a Coffee?☕
https://www.buymeacoffee.com/radum
⚡️Join this Channel⚡️
https://youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
05:57 HTML Canvas Project Setup
10:52 What are Spatial Graphs?
12:27 Implementing a Spatial Graph in JavaScript
20:41 Implementing the Graph Functionality
48:28 Outro and Special Thanks to prof. Căiniceanu")
