
2025 Autor: John Day | [email protected]. Zadnja izmjena: 2025-01-23 14:37

Ovo je igra u potpunosti napravljena na HTML -u i JavaScript -u s bibliotekom P5js. Postoje 2 datoteke pod nazivom index.html i sketch.js. Vrlo sam početnik u kodu pa mi je žao ako nije jasno.
Možete igrati igru putem ove veze
Bijelom kuglom upravljate tipkama sa strelicama i morate izbjegavati crvenu kuglu (trenutno postoji samo jedna).
Kreirao sam 2 varijable: posX = 200 i posY = 200
Na sketch.js -u sam stvorio platno u postavci funkcije sa 640x480y sa sivom pozadinom u izvlačenju funkcije, zatim sam stvorio bijeli krug s pozicijom na posX, posY, 75, 75.
Korak 1: Pomicanje kruga

Kao što sam već rekao, možete koristiti tipke sa strelicama za pomicanje kruga.
Da bih to učinio, kreirao sam funkciju updatePositionEllipse ().
Koristio sam ovaj uslov kako bih uspio: if (keyIsDown (DOWN_ARROW)) {
posY += 5;
}
Kada se pritisne tipka dolje, krug se pomiče prema dolje.
Koristio sam ga na svim drugim tipkama tako da se možete kretati lijevo, desno, gore i dolje.
Korak 2: Stvaranje graničnih granica

Da bi se bijela kugla zaustavila na kraju platna, upotrijebio sam funkciju testOutOfScreen.
Unutar njega koristio sam uslov if (posX> 600) {
posX = 600; strokeWeight (6); potez ('plavi'); linija (637, 0, 637, 480); }
ako je položaj x bolji od 600: blokira loptu i povlači plavu liniju s obrubom 6 postavljenim na desnoj strani platna.
Ovo radim za sve granice.
Preporučuje se:
Dizajn igre brzim pokretom u 5 koraka: 5 koraka

Dizajn igre u Flick -u u 5 koraka: Flick je zaista jednostavan način da napravite igru, posebno nešto poput zagonetke, vizuelnog romana ili avanturističke igre
Prepoznavanje lica na Raspberry Pi 4B u 3 koraka: 3 koraka

Prepoznavanje lica na Raspberry Pi 4B u 3 koraka: U ovom uputstvu ćemo izvršiti otkrivanje lica na Raspberry Pi 4 sa Shunya O/S koristeći biblioteku Shunyaface. Shunyaface je biblioteka za prepoznavanje/otkrivanje lica. Cilj projekta je postići najbržu brzinu otkrivanja i prepoznavanja sa
Kako napraviti brojač koraka?: 3 koraka (sa slikama)

Kako napraviti brojač koraka?: Nekada sam se dobro snašao u mnogim sportovima: hodanje, trčanje, vožnja bicikla, igranje badmintona itd. Volim jahanje da bih brzo putovao. Pa, pogledaj moj trbušni trbuh … Pa, u svakom slučaju, odlučujem ponovo početi vježbati. Koju opremu treba pripremiti?
Brojač koraka - Mikro: Bit: 12 koraka (sa slikama)

Brojač koraka - Micro: Bit: Ovaj projekat će biti brojač koraka. Za mjerenje koraka koristit ćemo senzor akcelerometra koji je ugrađen u Micro: Bit. Svaki put kada se Micro: Bit protrese, broju ćemo dodati 2 i prikazati ga na ekranu
Broj koraka / koraka: 3 koraka

পেনড্রাইভ / মেমোরি কার্ডে ভাইরাসের ভাইরাসের হারিয়ে সমাধান সমাধান সমাধান সমাধান সমাধান পেনড্রাইভ পেনড্রাইভ পেনড্রাইভ পেনড্রাইভ মেমোরি মেমোরি মেমোরি মেমোরি মেমোরি মেমোরি মেমোরি এখন এখন এখন।।।।।। Zaštita podataka, pristup prečicama / virusima