4.6 Noslēguma projekts: Spēles dzinēja prototips

1. uzdevums - Iesildies ar gatavu piemēru

Šis ir īss iesildīšanās uzdevums. Nokopē sagatavi, ielīmē to pareizajā koda vietā un palaid. Šeit pietiek droši izmēģināt tēmu 4.6 Noslēguma projekts: Spēles dzinēja prototips; detalizētu izpratni veidosi nākamajos uzdevumos.

Kopējamais piemērs vai sagatave: izmanto šo bloku kā starta punktu, nevis kā gala risinājumu.

function saktSpeli() {
  punkti = 0;
  speleAktiva = true;
  taimeris = setInterval(atjaunotSpeli, 100);
}

function beigtSpeli() {
  speleAktiva = false;
  clearInterval(taimeris);
}

1. Atver darba failu vai rīku. JavaScript fragmentu ievieto script.js failā vai lapas esošajā skripta daļā.
2. Nokopē visu piemēra bloku no šī uzdevuma un ielīmē to norādītajā vietā.
3. Palaid kodu tieši tādu, kāds tas ir, un pārliecinies, ka parādās rezultāts, izvade vai vismaz nav kļūdas paziņojuma.
4. Atrodi vienu drošu vietu, ko drīkst mainīt: tekstu, skaitli, krāsu, mainīgā vērtību vai testa ierakstu.
5. Maini tikai šo vienu vērtību un palaid kodu vēlreiz.
6. Salīdzini rezultātu pirms un pēc izmaiņas. Ja parādās kļūda, atcel pēdējo izmaiņu un palaid vēlreiz.
7. Turpini pie 2. uzdevuma tikai tad, kad šis mazais piemērs darbojas.

2. uzdevums - Ievieto algoritmu spēles prototipā

Pievieno dzinējam vienu nelielu, atkārtoti lietojamu spēles mehāniku.

1. Izvēlies vienu mehāniku: kustību, punktu skaitīšanu, laika atskaiti, sadursmi, līmeņa maiņu vai spēles beigu nosacījumu.
2. Nosauc funkcijas un mainīgos pēc to lomas, piemēram, atjaunoSpeletaju(), punkti, laiks vai parbaudaSadursmi().
3. Uzraksti funkciju, kas nolasa esošo stāvokli, veic vienu skaidru darbību un atjauno rezultātu ekrānā.
4. Izsauc funkciju no pogas, tastatūras notikuma, taimera vai spēles cikla.
5. Pievieno vienu īsu koda komentāru pie sarežģītākās loģikas vietas.
6. Pārbaudi, ka mehānika darbojas kopā ar iepriekš izveidoto prototipa daļu.
7. Salabo pirmo atrasto kļūdu pirms pievieno nākamo funkciju.
8. Veic Git commit ar īsu ziņu par pievienoto dzinēja mehāniku.

3. uzdevums - Testē prototipu un izdari secinājumu

Pārbaudi, vai spēles dzinēja algoritms darbojas paredzami.

1. Izveido trīs testa scenārijus: parasta spēlētāja darbība, robežgadījums un kļūdaina vai ļoti ātra darbība.
2. Palaid parasto scenāriju un pārbaudi redzamo rezultātu ekrānā.
3. Palaid robežgadījumu ar mazāko, lielāko vai tukšāko vērtību, ko šī mehānika pieļauj.
4. Palaid kļūdaino scenāriju un pārbaudi, vai prototips nesabrūk.
5. Izlabo vienu konkrētu problēmu JavaScript kodā, datos vai DOM sasaistē.
6. Pārbaudi labojumu vēlreiz ar visiem trim scenārijiem.
7. Beigās pieraksti vienu secinājumu: kura funkcija vai algoritma solis vislabāk palīdzēja saprast tēmu 4.6 Noslēguma projekts: Spēles dzinēja prototips.

Papildu uzdevums - Pievieno mazu dzinēja uzlabojumu

Ja pamatdarbs ir pabeigts, paplašini prototipu ar vienu nelielu programmētu uzlabojumu.

1. Izvēlies vienu papildinājumu, kas izmanto esošo spēles stāvokli vai funkcijas.
2. Pievieno dzīvību sistēmu: ienaidnieka pieskāriens atņem dzīvību, nevis uzreiz beidz spēli.
3. Definē let dzivibas = 3; un pievieno <p id="dzivibas">Dzīvības: 3</p>.
4. Kad notiek sadursme, samazini dzīvības; ja tās sasniedz 0 - izsauc beigtSpeli().
5. Savieno papildinājumu ar prototipa galveno algoritmu un pārbaudi, ka tas darbojas.
6. Veic git commit -m "Add lives system to game engine".
7. Demonstrē klasesbiedram - vai viņš saprot, cik dzīvību ir un kad spēle beigsies?