< Nazad na kurseve
Uvod u 3D grafiku kroz Three.js
Učimo 3D grafiku, malo geometrije, fizičke simulacije, vizuelizacije podataka, rad sa 3D modelima, igre i animacije.
Preduslov za praćenje kursa je osnovni Javaskript.
Uvod
- Uvod u 3D grafiku
- Koordinatni sistem
- Projekcija 3D sveta na 2D
- Uvod u WebGL
- Uvod u Three.js
Scena
- Dodavanje scene
- Dodavanje kamere
- Dodavanje predmeta
- Dodavanje svetla
- Renderovanje
Geometrija
- Kordinatni sistemi
- Osnovni pojmovi: vrh (vertex), lice (face) i mreža poligona (polygon mesh)
- Vektorski zapis
- Geometrijski oblici
- Vežba: Crtanje geometrije
Tekstura
- Dodavanje teksture
- Mapiranje teksture
- Vežba: Dodavanje teksture kocki
Kamera
- Kako radi kamera
- Kamera iz prvog lica
- Promena kamere
Kontrole i interakcija
- Kontrole kamere
- Kontrole kretanja
- Bacanje zraka (ray casting)
Svetlo i senke
- Svetlo
- Senke
Transformacije
- Translacija
- Skaliranje
- Refleksija
- Rotacija
- Ojlerovi uglovi
- Kvaternion
- Matrice i transformacije
Animacije
- Kako radi animacija?
- Eksplicitne i implicitne (sprajtovi vs modeli)
- Pomeranje predmeta
- Pravljenje kružne animacije pomoću trigonometrije
- FPS (slika po sekundi)
- Delta vreme
Rad sa modelima
- Izvoz iz Blendera i podržani formati
- Učitavanje modela
- Rad sa animiranim modelima
Razvoj igara
- Pravljenje lika od geometrije
- Animacija pokreta
- Detekcija kolizije
- Čestice (particles)
Fizika
- Uvod u sile i kretanje
- Integracija jednostavne fizike
- Dodavanje fizičke biblioteke
Simulacije i vizuelizacije
- Vizuelizacija funkcija
- Vizuelizacija zvuka
- Detekcija pokreta
- Vežba: Sunčev sistem
Proceduralni svetovi
- Šta je proceduralno generisanje?
- Prednosti i mane
- Generisanje terena
- Generisanje lavirinta
- Generisanje drveta
- Fraktali
Projekat: solarni sistem
- Starting Solar System
- Adding a Planet
- Shining Star
- Skybox
- Orbiting Planets
Matrice
Dodatne alatke
- Statistike
- GUI editor
- Prilagođavanje ekrana