Skip to content

Construiește o lume virtuală plină de mașini care se conduc singure – Tutorial JavaScript

Construiește o lume virtuală plină de mașini care se conduc singure – Tutorial JavaScript

Învață să construiești un mediu virtual complet de la zero, folosind HTML, CSS și JavaScript de bază. Puteți face cu ușurință ceva de genul Pokemon Go folosindu-l, dar veți învăța să îl umpleți cu mașinile autonome de la celălalt curs al lui Radu: https://youtu.be/Rs_rAxEsAvI

În acest curs, veți învăța abilități valoroase, cum ar fi: matematică, algoritmi, programare și design – abilități care l-au avantajat foarte mult pe Radu în timpul doctoratului și pe timpul său la Microsoft. Iată ce vei învăța:
* Crearea unui grafic spațial de la zero și crearea unui editor cu o fereastră de vizualizare dinamică.
* Înțelegerea matematicii și a logicii din spatele interfețelor ușor de utilizat în software-ul modern.
* Generarea de margini rutiere, clădiri și copaci folosind geometrie și crearea unui efect 3D.
* Implementarea marcajelor rutiere pentru a se pregăti pentru provocări avansate de conducere autonomă.
* Îmbunătățirea editorului mondial pentru confortul utilizatorului și maximizarea conținutului generat automat.
* Încărcarea datelor din lumea reală din openstreetmap pentru simulări bazate pe oraș.
* Crearea unei minimarți pentru navigare în lumi expansive.

Creat de @Radu

⭐APLICAȚIA FINALĂ⭐
https://radufromfinland.com/projects/virtualworld

🔗Faza 1 – Mașini cu conducere autonomă cu JavaScript:https://www.youtube.com/watch?v=Rs_rAxEsAvI/>
💻COD💻
https://github.com/gniziemazity/virtual-world

💻COPIAȚI CODUL DE AICI💻
https://radufromfinland.com/projects/virtualworld/CODES/lesson_4.js
https://radufromfinland.com/projects/virtualworld/CODES/lesson_5.js

👨‍💻MATERIALE DE LA STUDENTI👨‍💻
Brett a portat codul din Faza 1 la ThreeJS:
https://github.com/Bretto/evolution

@davidmurphy563 a portat codul din Faza 1 la Godot:
https://youtu.be/FJFrSCEWqLU?si=toU4O43h2oaJmKUy/>
⭐CERIȚII PREALARE RECOMANDATE⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H/>
⭐CONDIȚII PE CARE LE MENȚIUN SPECIAL⭐
Teorema lui Pitagora: https://youtu.be/iqSlzYXdFzw
Distanta euclidiana: https://youtu.be/3rPwfmrCwVw
Vectori 2D: https://youtu.be/nzyOCd9FcCA
Distanța până la segment: https://youtu.be/jvqomjmMsPI
Intersecția segmentului: https://youtu.be/fHOLQJo0FjQ
Interpolare: https://youtu.be/J_puRs40GhM

⭐EMOJIS⭐
🗑️💾🌐🛑🚶🚙🅿️🚦⚠️🎯📁

⭐VIDEOCLIPURI EXTRA⭐
Adăugarea mașinilor autonome
https://youtu.be/wH2aNJxltus

Utilizarea datelor din lumea reală (OpenStreetMap)
https://youtu.be/IKwkOajkSHs

Cum se face o MiniHartă
https://youtu.be/ecZRuuLjGQA

☕Cumpără-i lui Radu o cafea?☕
https://www.buymeacoffee.com/radum

⭐ Cuprins ⭐
⌨️ (0:00:00) Introducere
⌨️ (0:05:21) Configurarea proiectului
⌨️ (0:10:16) Grafice spațiale
⌨️ (0:47:50) Editor de grafice
⌨️ (1:27:30) Vizualizare dinamică
⌨️ (2:03:15) Generarea de drumuri
⌨️ (2:49:25) Clădiri și copaci
⌨️ (3:31:47) Pseudo 3D
⌨️ (4:04:59) Marcaje rutiere
⌨️ (5:09:65) Salvarea lumii
⌨️ (5:40:57) Outro

🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 davthecoder
👾 jedi-or-sith
👾 Nangong Qianying
👾 Agustín Kussrow
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org

Citiți sute de articole despre programare: https://freecodecamp.org/news

Cursuri interesante:

Leave a Reply

Your email address will not be published. Required fields are marked *