Radu Mariescu-Istodor | A Virtual World - JavaScript Course: Final Lesson [Coding a MiniMap with JavaScript] @Radu | Uploaded 9 months ago | Updated 4 hours ago
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. This is the final video of Phase 2. In it, you'll learn to load the large world from the last lesson and implement a mini-map.
The mini-map really helps when the world we create is very big. Let's learn to code one using JavaScript and HTML Canvas. 🗺️
Have Fun! :-)
⭐PLAYLIST⭐
youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
radufromfinland.com/projects/virtualworld
💻CODE💻
github.com/gniziemazity/virtual-world
10. OpenStreetMap = follow along
11. MiniMap = code after this lesson
⭐ALL PREREQUISITES⭐
youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
☕Buy me a Coffee?☕
buymeacoffee.com/radum
⚡️Join this Channel⚡️
youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
00:42 Including the Large World File
02:49 Preparing for the MiniMap
05:48 MiniMap Implementation
07:58 Scaling the MiniMap
11:00 Marking the MiniMap center
11:49 Outro
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. This is the final video of Phase 2. In it, you'll learn to load the large world from the last lesson and implement a mini-map.
The mini-map really helps when the world we create is very big. Let's learn to code one using JavaScript and HTML Canvas. 🗺️
Have Fun! :-)
⭐PLAYLIST⭐
youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
radufromfinland.com/projects/virtualworld
💻CODE💻
github.com/gniziemazity/virtual-world
10. OpenStreetMap = follow along
11. MiniMap = code after this lesson
⭐ALL PREREQUISITES⭐
youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
☕Buy me a Coffee?☕
buymeacoffee.com/radum
⚡️Join this Channel⚡️
youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
00:42 Including the Large World File
02:49 Preparing for the MiniMap
05:48 MiniMap Implementation
07:58 Scaling the MiniMap
11:00 Marking the MiniMap center
11:49 Outro
![A Virtual World - JavaScript Course: Final Lesson [Coding a MiniMap with JavaScript]](https://i.ytimg.com/vi/ecZRuuLjGQA/hqdefault.jpg "A Virtual World - JavaScript Course: Final Lesson [Coding a MiniMap with JavaScript]
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. This is the final video of Phase 2. In it, youll learn to load the large world from the last lesson and implement a mini-map.
The mini-map really helps when the world we create is very big. Lets learn to code one using JavaScript and HTML Canvas. 🗺️
Have Fun! :-)
⭐PLAYLIST⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
💻CODE💻
https://github.com/gniziemazity/virtual-world
10. OpenStreetMap = follow along
11. MiniMap = code after this lesson
⭐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:42 Including the Large World File
02:49 Preparing for the MiniMap
05:48 MiniMap Implementation
07:58 Scaling the MiniMap
11:00 Marking the MiniMap center
11:49 Outro")
![Self-driving car - No libraries - JavaScript course [Lecture 8]](https://i.ytimg.com/vi/hVctn8x3jMA/hqdefault.jpg "Self-driving car - No libraries - JavaScript course [Lecture 8]
⭐️LECTURE 8: OPTIMIZING NEURAL NETWORKS⭐️
We learn a way to optimize a neural network. First we will do trial and error in parallel. Then, I will teach how to use a genetic algorithm that does mutation. We will use local storage to save the best networks so that they are not lost when refreshing the page.
⭐️COURSE INTRODUCTION⭐️
Hi and welcome to the self-driving car (no libraries) JavaScript course.
You will learn to make a self-driving car simulation by implementing every component one by one. I will teach you how to implement the car driving mechanics, how to define the environment, how to simulate some sensors, how to detect collisions and how to make the car control itself using a neural network.
I will explain how artificial neural networks work, by comparing them with the real neural networks in our brain. I will teach you how to implement a neural network and how to visualize it so we can see it in action. You will also learn some optimization techniques to make our car smarter.
The entire system is quite complex, however, each component is relatively easy in and of itself. I made this course keeping in mind my high-school days back in Romania. So, the knowledge you get from school could be enough to follow along (depending on the curriculum).
We use JavaScript to implement this system and I will teach modern JavaScript techniques during this course, so, this course is perfect no matter if you want to become a software engineer or a machine learning specialist (like me - I have over 10 years research experience with machine learning).
⭐️MORE LINKS⭐️
NEAT: http://nn.cs.utexas.edu/downloads/papers/stanley.ec02.pdf
JS NN Libraries: https://blog.logrocket.com/best-javascript-machine-learning-libraries-in-2021
⭐️CODE⭐️
Github: https://github.com/gniziemazity/Self-driving-car (8. Optimizing neural networks)
Use 7. Visualizing neural networks if you plan to follow along!
My website: https://radufromfinland.com
⭐️ TABLE OF CONTENT ️⭐️
0:00 Intro
1:13 Parallelization
6:08 Fitness function
9:13 Saving networks in local storage
12:22 Other fitness functions
16:58 Mutation
22:42 A hard scenario
27:23 Other genetic algorithms")
