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ů.
Hodnocení
| Body | Za co |
|---|---|
| 1 | Stránka obsahuje herní plán 4×4 |
| 1 | Stránka obsahuje ovládací tlačítka |
| 1 | Stránka obsahuje tabulku s deseti nejlepšími výsledky a je v ní něco vyplněno |
| 1 | Stránka je responzivní a na užších displejích se tabulka s výsledky přesune na konec stránky |
| 1 | Stránka je responzivní a na užších displejích zabírá hrací plán 4×4 celou šířku okna prohlížeče |
| 1 | Na začátku hry se správně vygenerují první dvě dlaždice |
| 1 | Program lze ovládat pomocí klávesových šipek |
| 1 | Program lze ovládat pomocí tlačítek na stránce |
| 1 | Program lze ovládat pomocí myši |
| 1 | Program lze ovládat tažením prstu (lze testovat pomocí Device Toolbaru ve vývojářských nástrojích, stisknutá myš se pak chová jako prst) |
| 5 | Program správně dodržuje pravidla posunu dlaždic (např. 4444 -> 0088), za každou zjištěnou anomálii strněte jeden bod |
| 1 | Program správně a průběžně počítá a zobrazuje skóre |
| 1 | Dlaždice se při posunu animují |
| 1 | Dlaždice se při sloučení animují |
| 1 | Program rozpozná správně konec hry a zobrazí o tom informaci |
| 1 | Po skončení hry se aktualizuje nejvyšší dosažené skóre |
| 2 | Po skončení hry se aktualizuje tabulka s výsledky |
| 1 | Do tabulky s výsledky se zapisuje jméno zadané do vstupního pole na stránce |
| 5 | Program umožňuje vrácení libobolného počtu tahů zpět |
| 1 | Stiskem tlačítka lze zahájit novou hru po skončení předchozí |
| 1 | Stiskem tlačítka lze zahájit novou hru kdykoliv během té současné a neaktualizují se přitom nejlepší výsledek a tabulka s výsledky |
| 2 | Program umožňuje přehrát partii hry od začátku |
| 1 | Při přehrávání lze měnit délku pauzy mezi tahy |
| 1 | Funkci přehrání lze vyvolat i během rozehrané hry |
| 1 | Nejvyšší dosažené skóre si stránka pamatuje i po restartu prohlížeče. |
| 4 | Tabulku s výsledky si stránka pamatuje i po restartu prohlížeče. |
| 1 | Lze přehrát i libovolnou hru z tabulky výsledků |