nechodím na prednáškyIIS_2020: Jednoduchá hra vo Webovom prehliadači
Preber si túto prednášku so svojou AI
Skopíruj pripravený podklad a vlož ho do ChatGPT, Claude alebo inej AI — bude ťa učiť alebo skúšať len z tejto prednášky.
Zhrnutie prednášky
Praktická ukážka tvorby jednoduchej hry vo webovom prehliadači pomocou HTML, CSS a JavaScriptu, kde vesmírna loď uhýba padajúcim asteroidom. Vysvetľuje sa štruktúra projektu (adresáre css, js, img), tvorba hernej oblasti a jej pozadia v CSS s percentuálnymi rozmermi a plynulou animáciou scrollovania pozadia pomocou keyframes. V druhej časti sa začína objektovo orientované programovanie v JavaScripte - definícia triedy Spaceship so stavovým objektom obsahujúcim súradnice x, y, rýchlosť a život lode, s importom JavaScriptových modulov medzi súbormi.
- - Štruktúra projektu s adresármi css, js a img pre hru s uhýbaním asteroidom
- - Tvorba HTML kostry (herná oblasť, časovač, hláška game over)
- - CSS štýlovanie hernej oblasti s percentuálnymi jednotkami kvôli rôznym rozlíšeniam
- - Animácia scrollujúceho pozadia pomocou CSS vlastnosti animation a @keyframes
- - Prepojenie JavaScriptových modulov cez atribút type module a src
- - Objektovo orientované programovanie: definícia triedy Spaceship so stavom (pozícia, rýchlosť, život)
Zhrnutie pripravené s pomocou AI z prepisu videa.
