Slevový týden - Červenec ITnetwork summer 2020
30 % bodů zdarma na online výuku díky naší Slevové akci!
Pouze tento týden sleva až 80 % na e-learning týkající se C#

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).

Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

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í

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.

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.

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ženo 18x (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
Jak se ti líbí článek?
Ještě nikdo nehodnotil, buď první!
Autor se věnuje hlavně C# desktopovým a webovým aplikacím. Java, HTML, CSS, PHP a JavaScript není problémem.
Aktivity (3)

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!