Uploaded October 2022 | Updated September 2026, 2 weeks ago
We learn how the fillText and drawImage methods work on the HTML Canvas.
Course playlist:
youtube.com/playlist?list=PLB0Tybl0UNfb6BvBPePaiCNOFpzxeE86R
⭐ MY CANVAS PROJECTS ⭐
1. Matrix Camera Effect youtu.be/GmB0ge-CuZo
2. Self Driving Car youtu.be/NkI9ia2cLhc
3. Puzzle Cam youtu.be/Z6fQtNpB3hU
4. Many more on my channel [ It's mostly about that :-) ]
We learn how the fillText and drawImage methods work on the HTML Canvas.
Course playlist:
youtube.com/playlist?list=PLB0Tybl0UNfb6BvBPePaiCNOFpzxeE86R
⭐ MY CANVAS PROJECTS ⭐
1. Matrix Camera Effect youtu.be/GmB0ge-CuZo
2. Self Driving Car youtu.be/NkI9ia2cLhc
3. Puzzle Cam youtu.be/Z6fQtNpB3hU
4. Many more on my channel [ It's mostly about that :-) ]
![A Virtual World - JavaScript Course: Lesson 9 / 11 [Self-driving Car Integration]](https://i.ytimg.com/vi/wH2aNJxltus/mqdefault.jpg "A Virtual World - JavaScript Course: Lesson 9 / 11 [Self-driving Car Integration]
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. Today we’ll take the final code from Phase 1 and add everything we coded now, in Phase 2, next to it. We’ll first strip the code from phase 1 of some unnecessary things and then make the car move in the new virtual world.
Have Fun :-)
⭐PLAYLIST⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
💻CODE💻
https://github.com/gniziemazity/virtual-world
8. Saving The World = follow along
9. Integration = code after this lesson
💻CODE WE NEED FROM PHASE 1💻
https://github.com/gniziemazity/Self-driving-car
Well use: 9. Fine-tuning
⭐ALL PREREQUISITES⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
☕Buy me a Coffee?☕
https://www.buymeacoffee.com/radum
⚡️Join this Channel⚡️
https://youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
00:47 Combined Project Setup
01:25 Stripping unnecessary Self-driving Code
04:52 Integrating the World Code
19:24 Making the car see Buildings
20:51 Making the car see Road Borders
21:35 Artificial Intelligence")
