Uploaded August 2024 | Updated September 2026, 2 weeks ago
PLAYLIST: youtube.com/playlist?list=PLB0Tybl0UNfaxaLvusZR7KoB1mU-ewTZl
Welcome to the live stream where I code an advanced drawing app with you guys!
Now, there are plenty of drawing apps out there, but... I often use a mix of tools when drawing stuff, and I would like a tool that can do everything I want (and more). I also want it to be fast, accessible and free.
The way this will go is I have a to-do list and I try to do as many things as I can during the stream. The plan for this stream was:
- Major Refactoring
- Bug Fixes
- Polishing
I check the chat every 45 minutes or if I'm stuck on something and looking for help.
At the end of the stream we'll plan what happens next time. I'll also share the code so you can play with it and you can also propose improvements on Discord: discord.gg/gJFcF5XVn9
💻CODE💻
github.com/gniziemazity/advanced_drawing_app
PLAYLIST: youtube.com/playlist?list=PLB0Tybl0UNfaxaLvusZR7KoB1mU-ewTZl
Welcome to the live stream where I code an advanced drawing app with you guys!
Now, there are plenty of drawing apps out there, but... I often use a mix of tools when drawing stuff, and I would like a tool that can do everything I want (and more). I also want it to be fast, accessible and free.
The way this will go is I have a to-do list and I try to do as many things as I can during the stream. The plan for this stream was:
- Major Refactoring
- Bug Fixes
- Polishing
I check the chat every 45 minutes or if I'm stuck on something and looking for help.
At the end of the stream we'll plan what happens next time. I'll also share the code so you can play with it and you can also propose improvements on Discord: discord.gg/gJFcF5XVn9
💻CODE💻
github.com/gniziemazity/advanced_drawing_app
![A Virtual World - JavaScript Course: Final Lesson [Coding a MiniMap with JavaScript]](https://i.ytimg.com/vi/ecZRuuLjGQA/mqdefault.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")
