JeuTropFacile - WayTooEasyGame: 3 koraka

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:06

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.