Satura rādītājs:

JeuTropFacile - WayTooEasyGame: 3 soļi
JeuTropFacile - WayTooEasyGame: 3 soļi

Video: JeuTropFacile - WayTooEasyGame: 3 soļi

Video: JeuTropFacile - WayTooEasyGame: 3 soļi
Video: КАК НАСТРОИТЬ L4D2 2024, Novembris
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Šī ir spēle, kas pilnībā veidota uz HTML un JavaScript ar bibliotēku P5js. Ir 2 faili ar nosaukumu index.html un sketch.js. Esmu ļoti iesācējs kodā, tāpēc atvainojos, ja tas nav skaidrs.

Jūs varat spēlēt spēli ar šo saiti

Jūs kontrolējat balto bumbiņu ar bulttaustiņiem, un jums ir jāizvairās no sarkanās bumbiņas (šobrīd tā ir tikai viena).

Es izveidoju 2 mainīgos: posX = 200 un posY = 200

Vietnē sketch.js funkciju iestatījumos izveidoju kanvu ar 640x480y ar pelēku fonu funkciju zīmējumā, pēc tam izveidoju baltu apli ar pozīciju posX, posY, 75, 75.

1. darbība: apļa pārvietošana

Apļa pārvietošana
Apļa pārvietošana

Kā jau teicu iepriekš, apļa pārvietošanai varat izmantot bulttaustiņus.

Lai to izdarītu, es izveidoju funkciju updatePositionEllipse ().

Es izmantoju šo nosacījumu, lai tas darbotos: if (keyIsDown (DOWN_ARROW)) {

pozY += 5;

}

Nospiežot lejupvērsto taustiņu, aplis pārvietojas uz leju.

Es to izmantoju uz visiem pārējiem taustiņiem, lai jūs varētu pārvietoties pa kreisi, pa labi, uz augšu un uz leju.

2. darbība. Ierobežojošo robežu izveide

Ierobežojošo robežu izveide
Ierobežojošo robežu izveide

Lai baltā bumba apstātos audekla beigās, es izmantoju funkciju testOutOfScreen.

Tā iekšpusē es izmantoju nosacījumu, ja (posX> 600) {

pozX = 600; gājiensSvars (6); insults (“zils”); līnija (637, 0, 637, 480); }

ja x pozīcija ir augstāka par 600: tā bloķē bumbu un zīmē zilu līniju ar apmali 6, kas novietota audekla labajā pusē.

Es to daru visām robežām.

Ieteicams: