Uploaded September 2025 | Updated September 2026, 2 weeks ago
In this video, I share the full behind-the-scenes of why it took over 2 years to create the Decode the Drawings competition and Computational Problem-Solving course.
I explain how how painting balls led to a vision-based positioning system. I also share what worked and what not and how I kept myself motivated through countless setbacks.
If you’re a teacher, creator, or lifelong learner, I hope this inspires you!
⭐LINKS⭐
Decode the Drawings Competition: radufromfinland.com/decodeTheDrawings
Computational Problem Solving Course: youtu.be/wH6gZB7m22k
Creative Coding Competition: youtu.be/qaq24krSKow
Creative Coding Compeitition Results: youtu.be/dalsCsHtreU
My PhD Thesis: erepo.uef.fi/bitstream/handle/123456789/18586/urn_isbn_978-952-61-2570-1.pdf
My Microsoft Paper: dl.acm.org/doi/10.1145/3474832
My older video on Trilateration: youtu.be/TQkMRZa2blU
More Smartphones than Toothbrushes: bcp-advisors.com/wp-content/uploads/2024/05/Cell-Phones-and-Toothbrushes.pdf
My Machine Learning Course: youtube.com/watch?v=fa3BE_VwyS4&list=PLB0Tybl0UNfYe9aJXfWw-Dw_4VnFrqRC4
PNP Libraries: docs.opencv.org/4.x/d5/d1f/calib3d_solvePnP.html
P3P Explainer: youtu.be/xdlLXEyCoJY
DB Livestream: youtube.com/live/mZHN5zsPd7M
Bogdan's LinkedIn: linkedin.com/in/bogdanbocse
Bogdan's High School Project: web.archive.org/web/20241114222057if_/https://community.infoeducatie.ro/t/digital-dream-studio-v2-soft-mehedinti-2005-nationala/1228
Karelia Webpage: karelia.fi
Course from Karelia: ella.eduplan.fi/karelia/computational-problem-solving/682722ead4168f741689894f
Web of Motivation: youtu.be/QcwBi8ONJf8
Self-driving Car Course: youtube.com/watch?v=NkI9ia2cLhc&list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Self-driving Car on freeCodeCamp: youtu.be/Rs_rAxEsAvI
3b1b Neural Networks: youtu.be/aircAruvnKk
Advanced Drawing App Live Streams: youtube.com/watch?v=PsTUuID27KA&list=PLB0Tybl0UNfaxaLvusZR7KoB1mU-ewTZl
In this video, I share the full behind-the-scenes of why it took over 2 years to create the Decode the Drawings competition and Computational Problem-Solving course.
I explain how how painting balls led to a vision-based positioning system. I also share what worked and what not and how I kept myself motivated through countless setbacks.
If you’re a teacher, creator, or lifelong learner, I hope this inspires you!
⭐LINKS⭐
Decode the Drawings Competition: radufromfinland.com/decodeTheDrawings
Computational Problem Solving Course: youtu.be/wH6gZB7m22k
Creative Coding Competition: youtu.be/qaq24krSKow
Creative Coding Compeitition Results: youtu.be/dalsCsHtreU
My PhD Thesis: erepo.uef.fi/bitstream/handle/123456789/18586/urn_isbn_978-952-61-2570-1.pdf
My Microsoft Paper: dl.acm.org/doi/10.1145/3474832
My older video on Trilateration: youtu.be/TQkMRZa2blU
More Smartphones than Toothbrushes: bcp-advisors.com/wp-content/uploads/2024/05/Cell-Phones-and-Toothbrushes.pdf
My Machine Learning Course: youtube.com/watch?v=fa3BE_VwyS4&list=PLB0Tybl0UNfYe9aJXfWw-Dw_4VnFrqRC4
PNP Libraries: docs.opencv.org/4.x/d5/d1f/calib3d_solvePnP.html
P3P Explainer: youtu.be/xdlLXEyCoJY
DB Livestream: youtube.com/live/mZHN5zsPd7M
Bogdan's LinkedIn: linkedin.com/in/bogdanbocse
Bogdan's High School Project: web.archive.org/web/20241114222057if_/https://community.infoeducatie.ro/t/digital-dream-studio-v2-soft-mehedinti-2005-nationala/1228
Karelia Webpage: karelia.fi
Course from Karelia: ella.eduplan.fi/karelia/computational-problem-solving/682722ead4168f741689894f
Web of Motivation: youtu.be/QcwBi8ONJf8
Self-driving Car Course: youtube.com/watch?v=NkI9ia2cLhc&list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY
Self-driving Car on freeCodeCamp: youtu.be/Rs_rAxEsAvI
3b1b Neural Networks: youtu.be/aircAruvnKk
Advanced Drawing App Live Streams: youtube.com/watch?v=PsTUuID27KA&list=PLB0Tybl0UNfaxaLvusZR7KoB1mU-ewTZl



![A Virtual World - JavaScript Course: Lesson 7 / 11 [Road Marking Editor with JavaScript]
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. Now, its time to introduce road markings to enforce traffic rules. These rules are not just about creating realistic road behavior; they are the key to unlocking the full potential of phase 3, where we dive into more advanced AI techniques.
Given that our world remains predominantly 2D, well implement these rules as markings on the road. These markings will snap to the road and always maintain the correct orientation. The philosophy is simple: users should have to do as little as possible to create something nice. This user-centric approach is a guiding principle in all UI development.
Have Fun! :-) 🚗🛣️
⭐PLAYLIST⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
💻CODE💻
https://github.com/gniziemazity/virtual-world
6. Fake3D = follow along
7. Markings = code after this lesson (including the part for channel members)
⭐ALL PREREQUISITES⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
⭐Emojis 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:00 Introduction
00:01:09 Preparing for 2 Editors
00:08:44 Bind in JavaScript
00:14:53 Implementing the Stop Editor
00:40:10 Implementing the Crossing Editor
00:48:51 Refactoring using Inheritance
01:01:13 Implementing the Start Editor
01:04:26 Four more Markings A Virtual World - JavaScript Course: Lesson 7 / 11 [Road Marking Editor with JavaScript]](https://i.ytimg.com/vi/kS4zDKC7LLs/mqdefault.jpg)






