JeuTropFacile - WayTooEasyGame: 3 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:47

See on mäng, mis on täielikult loodud HTML -i ja JavaScripti abil koos koguga P5js. Seal on 2 faili nimega index.html ja sketch.js. Olen koodis väga algaja, nii et vabandan, kui see on ebaselge.

Mängu saate mängida selle lingi kaudu

Sa juhid valget palli nooleklahvidega ja sa pead punast palli vältima (praegu on ainult üks).

Lõin 2 muutujat: posX = 200 ja posY = 200

Lehel sketch.js lõin funktsiooni häälestuses lõuendi, mille funktsioonide joonistamisel oli hall taust 640x 480y, seejärel lõin valge ringi positsiooniga posX, posY, 75, 75.

1. samm: ringi liigutamine

Nagu ma juba ütlesin, saate ringi liigutamiseks kasutada nooleklahve.

Selleks lõin funktsiooni updatePositionEllipse ().

Kasutasin seda tingimust selle toimimiseks: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Alla klahvi vajutamisel liigub ring alla.

Ma kasutasin seda igal teisel klahvil, nii et saate liikuda vasakule, paremale, üles ja alla.

2. etapp: piiride loomine

Valge kuuli peatamiseks lõuendi lõpus kasutasin funktsiooni testOutOfScreen.

Selle sees kasutasin tingimust if (posX> 600) {

posX = 600; löökKaal (6); insult ("sinine"); rida (637, 0, 637, 480); }

kui x positsioon on parem kui 600: see blokeerib palli ja tõmbab sinise joone äärisega 6, mis on paigutatud lõuendi paremale küljele.

Teen seda iga piiri jaoks.