Build a Virtual World Filled with Self-Driving Cars – JavaScript Tutorial
Learn to build a virtual environment entirely from the ground up using basic HTML, CSS, and JavaScript. You can easily make something like Pokemon Go using it, but you’ll learn to fill it with the self-driving cars from Radu’s other course:
In this course, you’ll learn valuable skills like: mathematics, algorithms, programming, and design—skills that greatly benefited Radu during his PhD and his time at Microsoft. Here’s what you’ll learn:
* Building a spatial graph from scratch and creating an editor with a dynamic viewport.
* Understanding the mathematics and logic behind user-friendly interfaces in modern software.
* Generating road borders, buildings, and trees using geometry and creating a 3D effect.
* Implementing road markings to prepare for advanced self-driving challenges.
* Enhancing the world editor for user convenience and maximizing auto-generated content.
* Loading real-world data from openstreetmap for city-based simulations.
* Creating a minimap for navigation in expansive worlds.
Created by @Radu
⭐FINAL APP⭐
🔗Phase 1 - Self-Driving Cars with JavaScript:
🔗Phase 3:
💻CODE💻
💻COPY CODE FROM HERE💻
👨💻MATERIAL FROM STUDENTS👨💻
Brett ported the code from Phase 1 to ThreeJS:
@davidmurphy563 ported the code from Phase 1 to Godot:
⭐RECOMMENDED PREREQUISITES⭐
⭐PREREQUISITES I SPECIFICALLY MENTION⭐
Pythagorean Theorem:
Euclidean Distance:
2D Vectors:
Distance to Segment:
Segment Intersection:
Interpolation:
⭐EMOJIS⭐
🗑️💾🌐🛑🚶🚙🅿️🚦⚠️🎯📁
⭐EXTRA VIDEOS⭐
Adding the Self-driving Cars
Using Real-world Data (OpenStreetMap)
How to make a MiniMap
☕Buy Radu a Coffee?☕
⭐ Contents ⭐
⌨️ (0:00:00) Introduction
⌨️ (0:05:21) Project Setup
⌨️ (0:10:16) Spatial Graphs
⌨️ (0:47:50) Graph Editor
⌨️ (1:27:30) Dynamic Viewport
⌨️ (2:03:15) Generating Roads
⌨️ (2:49:25) Buildings And Trees
⌨️ (3:31:47) Pseudo 3D
⌨️ (4:04:59) Road Markings
⌨️ (5:09:65) Saving the World
⌨️ (5:40:57) Outro
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
1 view
368
112
3 months ago 00:16:03 1
Glitter Bomb 2.0 vs Porch Pirates
3 months ago 00:09:23 1
Going In REVERSE At The Farm?! Dragging Fender On The NEW Ride!
3 months ago 00:17:22 1
Risque but stunning bikinis by Black Tape Project | FashionTV | FTV
3 months ago 00:09:51 1
10 Mirrors in One Day - The Best Farm/Juice to Ever Exist in PoE -
3 months ago 00:25:56 1
#ReactOS autonomous automated build in #ULFS #CoolRetroTerm demo.
3 months ago 00:04:16 1
Selena Gomez - I’m Sorry We Lied (ft. ZAYN)
3 months ago 00:03:53 1
La Bamba (Los Lobos) feat. Andrés Calamaro | Playing For Change | Song Around The World
3 months ago 00:06:56 1
I WILL STAND AND FIGHT FOR ALL WHO CAN’T | New Earth Project
3 months ago 00:02:00 1
Create Mod / Interactive | HIGH SECURITY TRAIN
3 months ago 01:03:54 1
EMBRACE YOUR INNER-CHILD! | 60-MINUTE SPECIAL #14 | CIRQUE DU SOLEIL | OVO, BAZZAR, ALEGRIA
3 months ago 00:01:40 1
Scan to BIM: Modeling from a 3D laser scan on buildings or facilities
3 months ago 00:03:04 1
Kingdom of the Planet of the Apes | Exclusive IMAX® Trailer
3 months ago 00:00:59 1
From Pipes to Boat: Plastic Pipes and Foam Turned Nautical! 🌊🚣 #Shorts
3 months ago 00:07:14 1
Led Zeppelin - No Quarter with Lord of the Rings scenes
3 months ago 00:20:43 1
“Тазриа 4 день“ Тора на каждый день с р Давидом Мануйловым
3 months ago 00:14:32 1
Making Wood chipper mechanism [PLANS]
3 months ago 01:59:56 1
Construction of a Mountain-Side Getaway Home
3 months ago 00:00:00 1
🔴 LIVE Прославление | Церковь Божия Music
3 months ago 00:01:25 1
Final Factory Launch Trailer
3 months ago 00:27:31 1
Man Builds Hyperrealistic RC All-Terrain Vehicle Worth $2000 | Capo CD 1582X Queen by @RCPlayGround
3 months ago 00:08:37 1
Laser Scanning for As-Built Drawings
3 months ago 00:15:35 1
Дори - билд гайд | Артефакты, оружие и советы | Genshin Impact
3 months ago 00:03:49 1
Alphaville - Big In Japan (Flashlights, )
3 months ago 00:07:24 1
2023 Harley Davidson Nightrod VRSCDX by DD Designs (Walk Around)