Splošno
Opis naloge
Vaša naloga je izdelati igro, ki bo igralcu preko številčnice, ki vsebuje 12 elementov, zaporedno podala naključno generirano zaporedje znakov. Naloga igralca je, da s pomočjo vnosnega polja ponovi oz. zapiše podano zaporedje znakov. Nabor možnih znakov zaporedja sestavljajo števke 0-9 ter znaka * in #. Videz igre (strani) je prikazan na sliki 1.
Slika 1 - Izgled igre (spletne strani)
Začetno zaporedje vsebuje tri znake. Vsak posamezni znak se poda tako, se spremeni ozadje ustreznega elementa številčnice v oranžno barvo, nato se po eni sekundi barva ozadja povrne v originalno barvo, v oranžno pa se pobarva naslednji element številčnice, ki ustreza naslednjemu elementu zaporedja. Primer barvanja vidite na sliki 2.
Slika 2 - Primer prikaza elementa 5 v zaporedju (#,5,0).
Na primer, če začetno zaporedje vsebuje znake #, 5, 0, bo se v oranžno barvo najprej obarvalo ozadje elementa #, po eni sekundi se bo povrnilo v originalno barvo, nato se bo v oranžno barvo obarvalo ozadje elementa 5, se po eni sekundi povrnilo v originalno barvo, nato pa se bo obarvalo še ozadje elementa 0 in se spet po eni sekundi povrnilo v originalno barvo. Ko se prikaz zaporedja konča, je na potezi igralec, ki mora v vnosno polje vnesti prikazano zaporedje.
Če igralec zaporedje zadene, se mu prikaže sporočilno okno, ki mu pove, da je zaporedje zadel (slika 3), nato pa se igra nadaljuje tako, da se prikaže novo naključno generirano zaporedje znakov, ki je za en znak daljše kot prejšnje zaporedje.
Če se igralec zmoti pri ponovitvi zaporedja, se mu prikaže sporočilno okno, ki mu pove, da je zaporedje zgrešil ter število točk (slika 4), igra pa se zaključi.
Slika 3 - Primer izpisa, če je igralec zadel zaporedje
Slika 4 - Primer izpisa, če je igralec zgrešil zaporedje
Točkovanje poteka tako, da se vsakič, ko igralec pravilno zadene zaporedje, prejšnjemu številu točk prišteje dolžina zadetega zaporedja. Na primer, če igralec zadene začetno zaporedje treh znakov, se mu k začetnemu številu točk (0), prišteje dolžina zaporedja, torej 0+3=3. Če potem v naslednji stopnji igre zadene še zaporedje štirih znakov, se mu k obstoječim točkam (3) prišteje zadeta dolžina zaporedja (4), torej novo število točk je 3+4=7. Število točk se sešteva, dokler igralec igre ne zaključi oz. dokler se ne zmoti pri ponovitvi zaporedja. Če se igralec zmoti pri ponovitvi zaporedja, se mu ne prišteje več nobenih točk, čeprav je morda delno uganil zaporedje.
Izdelava naloge:
Za izdelavo igre smo vam pripravili tri datoteke, ki jih morate pravilno dopolniti:
1) IgraZaporedja.html
V igri nimamo tabelaričnih podatkov, zato v datoteki HTML ne uporabljajte značke <table>.
Celotno oblikovanje igre implementirajte v datoteki css,
zato v HTML datoteki ne uporabljate CSS atributov, kot so style, width in height.
2) IgraZaporedja.js
V datoteki imete že pripravljeno logiko igre, ki jo lahko uporabite.
Če želite pa lahko uporabite svojo logiko za igro, torej ne rabite upoštevati pripravljenih funkcij.
3) style.css
V tej datoteki mora biti ves oblikovni del strani.
Oblikovanje strani
Slika 5 – Oblikovanje strani
- Ozadje strani je datoteka »ozadje.png«.
- Igralna površina (širina180px, dolžina 400px, ozadje bele barve, notranji odmiki levo in zgoraj 20px):
a) levo in desno je centrirana na sredino strani
b) za 50px je zamaknjena od vrha strani
c) rob: črta je debela 3px, barva je črna.
- Rob številčnice je črna črta, debeline 1px. Širina je156px, dolžina 208 px.
Notranji kvadrati številčnice imajo stranico dolžine 50px, barva ozadja je #98D5D4, rob je črna črta,
široka 1px, pisava je Arial, velikost pisave 26, odebeljeno in horizontalno centrirano na sredino.
Višina vrstice pisave je dvojna.
- Širina vnosnega polja je 157px. Zunanji odmik zgoraj je 5px.
- Širina prikaznega polja je 146px, rob je črtkan, črne barve, debel 1px.
Zunanji odmik zgoraj je 5px, prav tako so vsi štirje notranji odmiki 5px. Pisava je odebeljena.
Datoteke PDF
Datoteke za tekmovanje
Spletni naslov