Laiko matuoklio įdiegimas į tavo JavaScript ir jQuery projektą yra įdomus žingsnis, siekiant pagerinti žaidimo patirtį. Tai leis ne tik nustatyti laiko limitą žaidimui, bet ir tikslesnį žaidėjų taškų skaičiavimą. Šiame vadove parodysime, kaip sėkmingai integruoti laikmatį ir optimizuoti taškų sistemą. Pasinerkime kartu į žaidimo kūrimą.
Esminiai įžvalgos
- Laiko matuoklis sukuriamas naudojant setInterval funkciją ir skaičiuoja likusį žaidimo laiką.
- Taškai dabar skaičiuojami remiantis laiku, kuris praeina tarp paspaudimų.
- Žaidimas tikrina, ar žaidėjo rekordas buvo pagerintas, ir atnaujina parodymą atitinkamai.
- Tu gausi pilną laikmačio ir taškų sistemos įgyvendinimą savo JavaScript žaidime.
Žingsnis po žingsnio vadovas
1 žingsnis: Nustatyti laikmačio trukmę
Pirmiausia turi apibrėžti kintamąjį, kuris saugo laikmačio trukmę. Šį kintamąjį geriausia sukurti globaliai, kad jis būtų prieinamas skirtingose funkcijose. Aš jį pavadinsiu timerDuration ir pirmiausia nustatysiu į 20 sekundžių.
2 žingsnis: Sukurti rekordų ir taškų kintamuosius
Visų pirma, mums reikia kintamojo record, kuris saugos aukščiausią žaidimo taškų skaičių, taip pat newPoints kintamojo, kuris saugos taškus už kiekvieną paspaudimą. Nustatyk šiuos kintamuosius pradiniu 0 reikšme.
3 žingsnis: Laikmačio funkcija su setInterval
Funkcijoje startGame įdėsime laikmačio logiką. Čia naudojame setInterval, kad kiekvienas 1000 milisekundžių vykdytume funkciją, kuri atnaujina laikmatį. Sukurk kintamąjį timeCounter, kuris pradžioje gaus timerDuration kintamojo reikšmę.
4 žingsnis: Atnaujinti laiką ir tikrinti
Kiekvieną kartą, kai laikmatis atnaujinamas, jis turi būti sumažintas 1. Jei timeCounter lygus arba mažesnis nei 0, tu turi iškviesti gameOver funkciją. Šioje funkcijoje žaidimas baigiasi, o laikmatis sustabdomas.
5 žingsnis: Nustatyti taškų sistemą
Dabar svarbu apskaičiuoti taškus, kuriuos gauni už kiekvieną paspaudimą. Mes saugosime žaidimo pabaigos laiką ir apskaičiuosime laiko skirtumą iki pradžios, kad nustatytume taškus. Kad mūsų taškų sistema būtų tikslesnė, naudojame formulę: newPoints = 100000 / duration.
6 žingsnis: Atnaujinti rekordą
Kiekvieną kartą, kai žaidėjas gauna taškus, turėtum patikrinti, ar dabartiniai taškai yra didesni už rekordą. Jei taip, atnaujink rekordą ir pritaikyk parodymą.
7 žingsnis: Klaidos šalinimas
Jei įdiegimo metu laikmačio arba taškų sistemos operacijos metu įvyksta klaida, patikrink, ar pradinė laiko reikšmė buvo teisingai nustatyta. Niekas nenori žaisti žaidime be taškų! Užtikrinsime, kad pradinis ir galinis laikas būtų teisingai išmatuoti.
8 žingsnis: Atnaujinti laikmatį
Kai žaidimas pradeda naują raundą, turi užtikrinti, kad laikmatis būtų atstatytas 20 sekundžių. Pasirūpink, kad HTML laikmačio reikšmė taip pat būtų atnaujinta, kad žaidėjas galėtų matyti likusį laiką.
9 žingsnis: Atlikti galutinius testus
Dabar, kai visos logikos yra įdiegtos, išbandyk žaidimą, kad užtikrintum, jog viskas veikia sklandžiai. Atkreipk dėmesį, kad taškai būtų teisingai skaičiuojami ir laikmatis tiksliai atskaičiuotų.
10 žingsnis: Žaidimo patobulinimai
Pagalvok, kokių papildomų funkcijų galėtum pridėti, kad žaidimą padarytum patrauklesnį. Pavyzdžiui, galėtum pridėti papildomų tekstų, kad paaiškintum, ką žaidėjas turi daryti.
Apžvalga – Laikmačio ir taškų sistemos įdiegimas JavaScript spalvų žaidimui
Tu išmokai, kaip įdiegti laikmatį į savo JavaScript spalvų žaidimą ir pagerinti žaidimo taškus. Su šiuo vadovu tu esi gerai pasirengęs toliau plėtoti savo žaidimą ir pridėti daugiau funkcijų. Eksperimentuok su įdiegtomis funkcijomis, kad tobulintum savo programavimo įgūdžius.
Dažnai užduodami klausimai
Kaip įdiegti laikmatį į savo žaidimą?Tu gali įdiegti laikmatį naudodamas setInterval funkciją, kad kas 1000 milisekundžių atnaujintum laikmatį.
Kaip apskaičiuoti taškus už kiekvieną paspaudimą?Taškai apskaičiuojami pagal laiką, kuris praeina tarp paspaudimų.
Kaip nustatyti rekordą žaidime?Patikrink po kiekvieno taško, ar jis didesnis už iki šiol buvusį rekordą, ir atnaujink rekordą atitinkamai.
Kas nutinka, jei mano laikmatis neveikia?Patikrink, ar pradinis ir galinis laikas buvo teisingai nustatyti ir ar sekundės logiškai yra atimamos.
Kaip padaryti žaidimą patrauklesnį?Pridėti papildomų tekstų, grafinį turinį ar net garso efektus, kad pagerintum žaidimo patirtį.
