V tomto vzrušujícím videu vytvoříme klasickou hru Space Invaders s JavaScriptem na HTML plátně. Nejlepší ze všeho je, že vše nakódujeme od začátku, počínaje prázdným projektem.
V této klasické hře máme nepřátele v horní části obrazovky; pohybují se ze strany na stranu a dolů směrem k našemu hráči. Náhodně budou nepřátelé střílet kulky. Ve spodní části obrazovky máme naši vesmírnou loď, která může střílet na nepřátele. Na rozdíl od původní hry naše kulky střílí mnohem rychleji, díky čemuž je hra mnohem zábavnější. Cílem je zůstat naživu, vyhnout se nepřátelským kulkám a eliminovat nepřátele dříve, než dosáhnou spodní části obrazovky.
Budeme se věnovat následujícím tématům a dalším:
Herní smyčka
Vstup z klávesnice
Stěhování našich nepřátel
Detekce kolize
Střílení kulek
Zvuk hry
GitHub:
https://github.com/CodingWith-Adam/space-invaders
Zkuste hru:
https://codingwith-adam.github.io/space-invaders/index.html
Podívejte se na video tutoriál: