Hra 2048
Vytvořte stránku s hrací plochou pro hru 2048 a následně hru naprogramujte.
Hrací plocha
Kromě samotného herního plánu na stránce hry zobrazte aktuální a nejlepší skóre a 10 nejlepších výsledků. Následující obrázek slouží jako inspirace toho, jak přibližně by na stránce měly být jednotlivé prvky rozmístěny.
Stránku vytvořte tak, aby byla responzivní a šlo ji zobrazit i na zařízeních s menším displejem jako je mobilní telefon. V tom případě hrací políčka 4×4 zabírají celou šíři okna prohlížeče a tabulka s výsledky se odsune na konec stránky.
Pravidla hry
Hra 2048 se hraje na herním plánu, který je tvořen 4×4 čtvercovými políčky. Na čtvercových políčkách mohou být dlaždice s čísly, jejichž hodnoty jsou mocniny 2 – od 2 až do 2048 (211).
V každém tahu se určí směr posunu dlaždic (nahoru, dolů, doleva, doprava).
Konečná pozice a sloučení dlaždic na konci tahu je dáno následujícími pravidly:
- Poslední dlaždice ve zvoleném směru se posune co nejdále po čtvercích
- pokud tam nejsou žádné dlaždice nebo
- pokud tam není kraj hracího pole nebo
- pokud narazí na dlaždici se stejným číslem – v tom případě se obě dlaždice sloučí na místě dlaždice, do které se narazilo. Sloučená dlaždice má součet obou čísel a dále se již neposouvá ani se v tomto tahu dále neslučuje.
- Tento postup se zopakuje pro předchozí dlaždice ve zvoleném směru až po první dlaždici ve zvoleném směru.
Po každém tahu se náhodně na některém z volných čtverců vygeneruje nová dlaždice s číslem 2 nebo 4. Zda je to 2 nebo 4 je také náhodné.
Posun dlaždic lze provést buď
- pomocí klávesových šipek nebo
- na obrazovce pomocí tlačítek směru (Nahoru, Dolů, Vlevo a Vpravo) nebo
- pomocí myši tažením po hracím poli se stisknutým levým tlačítkem nebo
- tažením prstu po řádce nebo sloupci.
Na začátku hry se vygenerují na náhodných pozicích dvě dlaždice s hodnotou 2.
Cíl hry
Cílem hry je posunovat dlaždice po hracím plánu tak, aby vznikla dlaždice s číslem 2048. V tomto případě hra končí výhrou.
Pokud nelze provést tah (tj. neexistuje žádný směr posunu, při kterém by se mohla posunout aspoň jedna dlaždice), hra končí prohrou.
Skóre hry je dáno celkovým součtem čísel na všech dlaždicích.
Jak hra funguje si můžete vyzkoušet na adrese https://2048game.com/.
Úkoly
- Vytvořte stránku s jednotlivýmu prvky herní plochy. Do tabulky s výsledky na začátku vložte smyšlené výsledky s body 1 až 10.
- Vygenerujte první dvě dlaždice.
- Určení směru posunu dlaždic zajistěte pomocí klávesových šipek.
- Určení směru posunu dlaždic zajistěte pomocí 4 tlačítek Nahoru, Dolů, Vlevo a Vpravo.
- Určení směru posunu dlaždic zajistěte pomocí tažení myši (levé tlačítko), podle toho, zda je delší vodorovný nebo svislý směr.
- Určení směru posunu dlaždic zajistěte tažením prstu. (Na počítačích bez dotykové obrazovky můžete tuto funkci zkoušet a ladit pomocí vývojářských nástrojů a funkce Device Toolbar – viz. např. https://jecas.cz/testovani-mobily.)
- Průběžně zobrazujte stav skóre.
- Přidejte animaci posunu dlaždic.
- Přidejte animační efekt při sloučení dlaždic.
- Program dokáže poznat konec hry (výhru i prohru) a zobrazí tento stav.
- Pokud je po skončení hry získané skóre hry vyšší než nejvyšší skóre, aktualizuje se nejvyšší dosažené skóre.
- Pokud je po skončení hry získané skóre hry vyšší než skóre v tabulce výsledků, aktualizují se výsledky v tabulce.
- Jméno hráče lze zadat kdykoliv v průběhu hry.
- Umožněte vrátit libovolný počet tahů zpět pomocí tlačítka Krok zpět.
- Novou hru lze kdykoliv zahájit stiskem tlačítka Nová hra. Pokud se nová hra zahájí v průběhu hry, tak se neaktualizují nejvyšší skóre a tabulka s výsledky.
- Umožněte přehrát celou hru ze záznamu a zadat délku pauzy mezi jednotlivými tahy. Funkci přehrání je možné vyvolat i v průběhu hry.
- Tabulku s výsledky a nejvyšší skóre si stránka pamatuje, i když se mezitím vypne a znovu nastartuje prohlížeč.
- Přehrát lze libovolnou hru uloženou v tabulce výsledků.
Na konci stránky zdokumentujte, které z předchozích úkolů jste vyřešili. Stačí vypsat čísla jednotlivých úkolů.