Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Flappy

Flappy

Autor: Richard Tichý Pod článkem je přiložený zip soubor s HTML, CSS a JS kódem.

Tato hra je o dostání vejce do cíle posouváním. V cestě nám budou překážet kameny, díry a duchové. Naopak nám budou pomáhat pomůcky jako šíp a TNT. Duchové se pohybujou podle generátoru náhodných čísel (podle funkce zabudované v Javascriptu).

Pokud byste náhodou chtěli tuto aplikaci použít, tak je potřeba použít následující kód:

Do elementu
<script type="text/javascript" src="res/mines.js"></script>
<script type="text/javascript" src="lib.js"></script>
<script type="text/javascript" src="main.js"></script>

Do elementu, kde chcete mít vloženou hru:

<div id="mines" class="rTable"></div>
<table id="list"></table>

Do css

#mines
{
    width: 100%;
    height: 100%;
}

.cell
{
    position: absolute;
    width: 1px;
    height: 1px;
}

.mine-open
{
    background-color: green;
    text-align: center;
}

.mine-closed
{
    background-color: gray;
    text-align: center;
}

A nakonec do HTML je potřeba zavolat funkci Run();

<script>
    Run();
</script>

Hodnocení poroty

Porotce Bodů Hodnocení
JavaScript zdrojákoviště - Základní konstrukce jazyka
David Jančík
10 Líbí se mi použití JavaScriptu jako technologie a šípů a bomb jako nástrojů ve hře. Trošku mi chybí nějaký náznak chybného kroku, když se postavička dostane do interakce s duchem - čekal bych nějaký zvukový signál nebo ubrání životů, který by hráče upozornil, že takhle ne. Dál bych očekával nějakou nápovědu typu: je potřeba přesunout předmět na vyznačné místo, nebo v případě zničení předmětu nápovědu v tom smyslu, že je třeba hru resetovat a začít znovu.
JavaScript zdrojákoviště - Základní konstrukce jazyka
Tomáš Bitter
9 Krásná logická retro hra. Líbí se mi, že člověk musí hodně přemýšlet, aby přišel na to, jak daný level vyřešit. Grafika a animace jsou jednoduché, ale předpokládám, že je to účelné, aby hra měla větší "retro" nádech. Trošku postrádám zpětnou vazbu ve formě zvuku a nápověd. Ze začátku jsem měl trochu problém podstatu hry a co mohu a nemohu ve hře dělat.
JavaScript zdrojákoviště - Základní konstrukce jazyka
Michal Čápka
10 Super hra, logické hry tohoto typu mám velmi rád. Trošku mě to vrátilo do mých dětských let, kdy jsem si lámal hlavu se Sogobanem :). Líbí se mi i přidání šípů, bomb a duchů, které hru oživí. Grafika je parádní, jediné, co mi na hře chybí, jsou zvuky. Jinak moc povedené :).

Galerie

Hra byla vytvořena v roce 2019.

 

Stáhnout

Stažením následujícího souboru souhlasíš s licenčními podmínkami

Staženo 35x (801.06 kB)
Aplikace je včetně zdrojových kódů v jazyce JavaScript

 

Všechny články v sekci
JavaScript zdrojákoviště - Základní konstrukce jazyka
Článek pro vás napsal Richard Tichý
Avatar
Uživatelské hodnocení:
Ještě nikdo nehodnotil, buď první!
Autor se hlavně věnuje webovým technologiím, konkrétně webová api v C# či Rustu a client v Typescriptu.
Aktivity