A Virtual World - JavaScript Course: Lesson 7 / 11 [Road Marking Editor with JavaScript]

Pubblicato il: 10 novembre 2023
sul canale di: Radu Mariescu-Istodor
6,979
177

Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. Now, it's 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, we'll 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⭐
   • Self-driving Car :: Phase2️⃣  

⭐FINAL APP⭐
https://radufromfinland.com/projects/...

💻CODE💻
https://github.com/gniziemazity/virtu...
6. Fake3D = follow along
7. Markings = code after this lesson (including the part for channel members)

⭐ALL PREREQUISITES⭐
   • Math & Code Fundamentals  

⭐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


In questa pagina del sito puoi guardare il video online A Virtual World - JavaScript Course: Lesson 7 / 11 [Road Marking Editor with JavaScript] della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Radu Mariescu-Istodor 10 novembre 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 6,979 volte e gli è piaciuto 177 spettatori. Buona visione!