Course: Computer Graphics and Game Technology

Weekly outline

Splošno

Osnovni podatki o predmetu Page
Obveznosti pri predmetu Page
Literatura in dodatna gradiva Page
Forum novic
Forum za vaje in domače naloge

Pomembni datumi

Začetek predavanj	5. 10. 2020
Začetek vaj	12. 10. 2020
Predlog teme seminarja	18. 10. 2020
Formacija skupin	21. 10. 2020
1. domača naloga	30. 10. 2020
1. seminar (WebGL)	27. 11. 2020
2. domača naloga (neobvezna)	18. 12. 2020
2. seminar (Unity)	8. 1. 2021

Protokol izvajanja izpita na daljavo Page
Testni izpit na exam.net - koda je 7UsBJh URL

Seminarji in domače naloge
- Poročilo - predloga LaTeX File
- Poročilo - predloga Word File Uploaded 17/10/16, 14:55
- Videi seminarjev preteklih let URL
- Seminarji WebGL 2019-20 URL
- 1. seminar - 27. 11. 2020
- 1. Seminar: Poročilo Assignment
- 1. Seminar: Koda Assignment
- 1. Seminar: Video Assignment
- 2. seminar - 8. 1. 2021
- 2. Seminar: Poročilo Assignment
- 2. Seminar: Koda Assignment
- Domače naloge
- 1. Domača naloga - 30. 10. 2020 Assignment
- 2. Domača naloga - 18. 12. 2020 Assignment
Predavanja
- Predavanja začnemo 5. 10. 2020.
- Prenos predavanj (Zoom) URL
- Ankete med predavanji URL
- 1. teden
- 01 Uvod File Uploaded 2/10/20, 13:06
- 11 Uvod v interaktivno grafiko File Uploaded 2/10/20, 13:06
- Video: Uvod v interaktivno grafiko URL
- 2. teden
- 12 Geometrija in transformacije File Uploaded 9/10/20, 13:39
- Video: Transformacije URL
- Video: Afine 2D transformacije URL
- Video: Homogene koordinate URL
- Video: Afine 3D transformacije URL
- 3. teden
- 13 Projekcije File Uploaded 16/10/20, 10:27
- 14 Graf scene File Uploaded 16/10/20, 10:27
- Video: Koordinatni sistemi URL
- Video: Projekcije URL
- Video: Vzporedne projekcije URL
- Video: Perspektivna projekcija URL
- Video: Graf scene URL
- 4. teden
- 15 Barvanje File Uploaded 23/10/20, 10:39
- Video: Barvanje trikotnikov URL
- Video: Interpolacija URL
- Video: Teksture URL
- Video: Teksture - prekrivanje URL
- Video: Lepljenje tekstur URL
- Video: 3D teksture URL
- 5. teden
- 16 Osvetljevanje File Uploaded 3/11/20, 19:44
- Video: Osvetljevanje URL
- Video: Materiali URL
- Video: Razpršeni odboj URL
- Video: Zrcalni odboj URL
- Video: Phong in BRDF URL
- Video: Luči URL
- Video: Osvetljevanje v cevovodu URL
- 6. teden
- 17 Graficni cevovod File Uploaded 10/11/20, 14:23
- Video: Grafični cevovod URL
- Video: Rezanje URL
- Video: Izločanje URL
- Video: Rasterizacija URL
- Video: Obdelava vzorcev URL
- Video: GPE in cevovod URL
- 7. teden
- 18 Senčilniki File Uploaded 17/11/20, 21:33
- Video: Uvod v senčilnike URL
- Video: Lepljenje normal URL
- Video: Lepljenje odmika in teselacija URL
- Video: Senčilnik geometrije URL
- Video: Lepljenje okolice URL
- Video: Sence URL
- Video: Odloženo upodabljanje URL
- Video: Upodabljanje v igri URL
- GeeXLab shader demos File Uploaded 23/11/20, 13:23
- 8. teden
- 19 Detekcija trkov File Uploaded 24/11/20, 12:06
- Video: Detekcija trkov URL
- Video: Groba detekcija URL
- Video: Delitev prostora URL
- Video: Fina detekcija URL
- Video: Odziv na trk URL
- 9. teden
- 21 Predstavitve predmetov File Uploaded 1/12/20, 13:28
- Video: Poligonske mreže URL
- Video: Winged edge URL
- Video: Deljene ploskve URL
- 10. teden
- 22 Parametrične predstavitve File Uploaded 8/12/20, 12:45
- Video: Parametrične predstavitve URL
- Video: Bezierove krivulje URL
- Video: Zlepki in ploskve URL
- 11. teden
- 31 Barve File Uploaded 15/12/20, 13:51
- 32 Sledenje žarku File Uploaded 15/12/20, 13:51
- Video: Barve URL
- Video: Metanje žarka URL
- Video: Sledenje žarku URL
Vaje
- Vaje začnemo 12. 10. 2020.
  Repozitorij s kodo: https://github.com/UL-FRI-LGM/webgl2-examples
  Posnetki vaj: https://www.youtube.com/playlist?list=PLhMDcXgR0MTqzvgcnsOkLiye_3Po_C8Va
  ZOOM povezava: https://uni-lj-si.zoom.us/j/92115957723?pwd=SGthYjViNjVFTHdOWHp5SVd4a3Q0dz09
- 1. teden
  
  Motivacija
  
  Kaj je WebGL in kaj ni
  
  Specifikacije in ostali pomembni dokumenti
  
  Brskalnik: element canvas in kontekst
  
  Arhitektura GPE iz vidika WebGL
  
  Visikonivojski pregled cevovoda
  
  Programiranje in prevajanje senčilnikov
- Prosojnice File Uploaded 23/10/20, 13:19
- Video URL
- 2. teden
  
  Vrste podatkov in primeri uporabe
  
  Prenos podatkov na GPE
  
  Povezovanje podatkov s senčilniki
  
  Risanje na zaslon (proženje cevovoda)
  
  Vrste primitivov
  
  Indeksirana geometrija
- Prosojnice File Uploaded 23/10/20, 13:20
- Video URL
- 3. teden
  
  Teksture, formati in prenos na GPE
  
  Brskalnik: prenos slik s strežnika
  
  Vzorčenje in filtriranje
  
  Problem podvzorčenja in mipmapping
  
  Okvirji (ponovna uporaba narisanih podatkov)
- Prosojnice File Uploaded 30/10/20, 11:58
- Video URL
- 4. teden
  
  Brskalnik: interakcija z miško in tipkovnico
  
  Osvetljevanje (praktična uporaba senčilnikov)
  
  Organizacija objektov v sceni
- Video URL
- 5. teden
  
  Celosten primer igre
  
  Primitiven fizikalni pogon
  
  Nalaganje GLTF modelov
- Video URL
- 6. teden
  
  Vprašanja študentov
- 7. teden
  
  Uvod v Unity
  Uporabniški vmesnik
  Hierarhija, objekti, komponente
  Osnovne transformacije prek C#
  Instanciranje in uničevanje prefabriciranih objektov
- Video URL
- 8. teden
  
  Vhod prek tipkovnice in privzetih osi
  Uporaba javnih spremenljivk
  Fizika, sprožilci, detekcija trkov
  Naključno generiranje objektov
  Sistemi delcev
- Video URL
- 9. teden
  
  Grafična cevovoda HDRP in URP
  Kartiranje svetlobe (lightmapping)
  Upodabljanje v teksturo (render to texture)
  Senčilniki (shader graph)
  Uporabniški vmesnik
  Nalaganje scen
  Fizika vozil
- Video URL
- 10. teden
  
  Razdeljen zaslon
  Navigacija z navigacijsko mrežo
  Vprašanja študentov
- Video URL
Stari materiali
Not available

Weekly outline

Splošno

Seminarji in domače naloge

Predavanja

Vaje

Stari materiali