Uploaded February 2025 | Updated September 2026, 2 weeks ago
PLAYLIST: youtube.com/watch?v=ZNkapOL4OBw&list=PLB0Tybl0UNfbmHaiUhu30gjsPw9viQbFK
Coding a roller coaster using vanilla JavaScript and HTML canvas or "how to use line dashes creatively" :-)
⭐LINKS⭐
Previous Video (going to vote): youtu.be/y-8R7rQM9mE
News: bbc.com/news/articles/cn4x2epppego
Top View with Line Dashes: youtu.be/iwDnFOXVCMQ
Beauty of Bezier Curves: youtu.be/aVwxzDHniEw
PLAYLIST: youtube.com/watch?v=ZNkapOL4OBw&list=PLB0Tybl0UNfbmHaiUhu30gjsPw9viQbFK
Coding a roller coaster using vanilla JavaScript and HTML canvas or "how to use line dashes creatively" :-)
⭐LINKS⭐
Previous Video (going to vote): youtu.be/y-8R7rQM9mE
News: bbc.com/news/articles/cn4x2epppego
Top View with Line Dashes: youtu.be/iwDnFOXVCMQ
Beauty of Bezier Curves: youtu.be/aVwxzDHniEw
![A Virtual World - JavaScript Course: Lesson 8 / 11 [Saving the World]](https://i.ytimg.com/vi/zt8QDgwdqr8/mqdefault.jpg "A Virtual World - JavaScript Course: Lesson 8 / 11 [Saving the World]
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. In this video well learn a critical phase of our UI development journey! So far, weve been saving our graph data in local storage and regenerating it when the page loads. But in this way we lose those markings, cant store multiple worlds, and the random appearance of trees might not be something you want.
Moreover, as we move into working with real-world data, youll realize that drawing such extensive graphs manually isnt practical. Thats why its crucial to explore a more efficient approach: storing information in actual world files that can be loaded when needed! 🌍
Lets learn about data persistence and discover how to save and load your graph efficiently, preserving all your hard work and making your UI development experience smoother.
Have Fun! :-)
⭐PLAYLIST⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
💻CODE💻
https://github.com/gniziemazity/virtual-world
7. Markings = follow along
8. Saving The World = code after this lesson
⭐ALL PREREQUISITES⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
⭐Emoji I used in the video⭐
📁
☕Buy me a Coffee?☕
https://www.buymeacoffee.com/radum
⚡️Join this Channel⚡️
https://youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
01:09 Saving in Local Storage
04:09 The Problems with the Quick Solution
05:28 The Proper Solution
07:33 Loading the Envelopes
11:16 Loading the Buildings and the Trees
14:14 Loading the Markings
21:30 Saving and Loading from File
28:56 Storing the Zoom / Drag info")
