Sadržaj:

JeuTropFacile - WayTooEasyGame: 3 koraka
JeuTropFacile - WayTooEasyGame: 3 koraka

Video: JeuTropFacile - WayTooEasyGame: 3 koraka

Video: JeuTropFacile - WayTooEasyGame: 3 koraka
Video: Does this Terraria weapon make the game too easy? 2024, Studeni
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Ovo je igra u potpunosti napravljena na HTML -u i JavaScript -u s knjižnicom 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 na ovoj vezi

Bijelom kuglom upravljate tipkama sa strelicama i morate izbjegavati crvenu kuglu (trenutno postoji samo jedna).

Napravio sam 2 varijable: posX = 200 i posY = 200

Na sketch.js -u sam stvorio platno u postavci funkcije s 640x480y sa sivom pozadinom u izvlačenju funkcije, zatim sam stvorio bijeli krug s položajem na posX, posY, 75, 75.

Korak 1: Pomicanje kruga

Pomicanje kruga
Pomicanje kruga

Kao što sam već rekao, za pomicanje kruga možete koristiti tipke sa strelicama.

Da bih to napravio, stvorio sam funkciju updatePositionEllipse ().

Koristio sam ovaj uvjet da bi 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 pa se možete pomicati lijevo, desno, gore i dolje.

Korak 2: Stvaranje graničnih granica

Stvaranje graničnih granica
Stvaranje graničnih granica

Kako bih zaustavio bijelu kuglu na kraju platna, upotrijebio sam funkciju testOutOfScreen.

Unutar njega koristio sam uvjet if (posX> 600) {

posX = 600; strokeWeight (6); moždani udar ('plavi'); redak (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.

To činim za sve granice.

Preporučeni: