Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

Flappy

Flappy

Autor: Richard Tichý Pod článkom je priložený zip súbor s HTML, CSS a JS kódom.

Táto hra je o dostaniu vajcia do cieľa posúvaním. V ceste nám budú prekážať kamene, diery a duchovia. Naopak nám budú pomáhať pomôcky ako šíp a TNT. Duchovia sa pohybuj podľa generátora náhodných čísel (podľa funkcie zabudované v Javascriptu).

Ak by ste náhodou chceli túto aplikáciu použiť, tak je potrebné použiť nasledujúci 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 mať vloženú 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 nakoniec do HTML je potreba zavolať funkciu Run ();

<script>
    Run();
</script>

Hodnotenie poroty

porotca bodov hodnotenie
JavaScriptu zdrojákoviště - Základná konštrukcia jazyka
David Jančík
10 Páči sa mi použitie JavaScriptu ako technológie a šípov a bômb ako nástrojov v hre. Trošku mi chýba nejaký náznak chybného kroku, keď sa postavička dostane do interakcie s duchom - čakal by som nejaký zvukový signál alebo ubráni životov, ktorý by hráča upozornil, že takto nie. Ďalej by som očakával nejakú nápovedu typu: je potreba presunúť predmet na význačné miesto, alebo v prípade zničenia predmetu nápovedu v tom zmysle, že je potrebné hru resetovať a začať znovu.
JavaScriptu zdrojákoviště - Základná konštrukcia jazyka
Tomáš Bitter
9 Krásna logická retro hra. Páči sa mi, že človek musí veľa premýšľať, aby prišiel na to, ako daný level vyriešiť. Grafika a animácie sú jednoduché, ale predpokladám, že je to účelné, aby hra mala väčšiu "retro" nádych. Trošku mi chýba spätnú väzbu vo forme zvuku a nápoved. Zo začiatku som mal trochu problém podstatu hry a čo môžem a nemôžem v hre robiť.
JavaScriptu zdrojákoviště - Základná konštrukcia jazyka
michal Čapka
10 Super hra, logické hry tohto typu mám veľmi rád. Trošku ma to vrátilo do mojich detských rokov, kedy som si lámal hlavu sa Sogoban:) . Páči sa mi aj pridanie šípov, bômb a duchov, ktoré hru oživia. Grafika je parádny, jediné, čo mi na hre chýba, sú zvuky. Inak moc vydarené:) .

Galéria


 

Stiahnuť

Stiahnutím nasledujúceho súboru súhlasíš s licenčnými podmienkami

Stiahnuté 37x (801.06 kB)
Aplikácia je vrátane zdrojových kódov v jazyku JavaScript

 

Všetky články v sekcii
JavaScriptu zdrojákoviště - Základná konštrukcia jazyka
Článok pre vás napísal Richard Tichý
Avatar
Užívateľské hodnotenie:
Ešte nikto nehodnotil, buď prvý!
Autor se hlavně věnuje webovým technologiím, konkrétně webová api v C# či Rustu a client v Typescriptu.
Aktivity