Zadaní úkolu k domácímu vypracování

Hra: Destroy the virus

Popis

Cílem je naprogramovat hru ve VanillaJS. A zaměřit se na procvičení:

• události z klávesnice: keydown, keyup, keyCode, code, key
• handleEvent objekt
• setTimeout
• Promise, then, fullfill, reject, resolve
• async, await
• e.stopPropagation, e.preventDefault, treti parametr funkce addEventListener useCapture

New Game Restart Keyboard | Mouse

Score: 20 | Virusses eleminated: 25 | Virusses missed: 5

GAME OVER

Grafika viz výše nebo podobná. Jedná se o klasickou shoot'em all hru. Hráč se snaží sestřelit se náhodně objevující se viry (doba zobrazení 1s, nový se ukazuje po 2s, upravte dle potřeby), buď pomocí klávesnice nebo pomocí myši. Za každý úspěsný sestřel je počítán plus jeden bod, za zmizený vir je minus jeden bod.

Ovládní buď myší: událost mousemove, screenX/Y vs clientX/Y ClientY nebo pomoci klávecnice: ADWS, vlastnost code

Ve spodní části je mapa světa, která se postupně zakrývá. Zakrývání je řízeno počtem zmizených virů (1 vir = plus 10px zakrytí).

Hra končí úplným zakrytím mapy, zobrazí se game over.

Možné variace, vylepšní a fantazii se meze nekladou.

Hra bude psána v ES6, pomocí Classes: Game - hlavní engine, Player - info o hráči (score, ovládání), Virus - zobrazování virů, World - mapa světa.

Promise použijte např při načítání obrázků, tak že obalíte onload událost na objektu Image. Handle event při navěšení posluchačů.

Grafiku můžete použít z ukázky výše.