JeuTropFacile - WayTooEasyGame: 3 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:01

Tämä on peli, joka on tehty kokonaan HTML: llä ja JavaScriptillä kirjastolla P5js. On kaksi tiedostoa nimeltä index.html ja sketch.js. Olen hyvin aloittelija koodissa, joten olen pahoillani, jos se on epäselvää.

Voit pelata peliä tämän linkin kautta

Hallitset valkoista palloa nuolinäppäimillä ja sinun on vältettävä punaista palloa (tällä hetkellä on vain yksi).

Tein 2 muuttujaa: posX = 200 ja posY = 200

Luin sketch.js -sivustossa toimintoasetuksissa piirtoheitinkuvan 640 x 480 y harmaalla taustalla funktion piirtämisessä, sitten loin valkoisen ympyrän, jossa oli posX, posY, 75, 75.

Vaihe 1: Ympyrän siirtäminen

Kuten aiemmin sanoin, voit siirtää ympyrää nuolinäppäimillä.

Tätä varten olen luonut funktion updatePositionEllipse ().

Käytin tätä ehtoa saadakseni sen toimimaan: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Kun alas -näppäintä painetaan, ympyrä liikkuu alaspäin.

Käytin sitä kaikissa muissa näppäimissä, joten voit liikkua vasemmalle, oikealle, ylös ja alas.

Vaihe 2: Rajarajojen luominen

Saadaksesi valkoisen pallon pysähtymään kankaan päähän käytin testOutOfScreen -toimintoa.

Sisällä käytin ehtoa if (posX> 600) {

posX = 600; iskuPaino (6); aivohalvaus ("sininen"); linja (637, 0, 637, 480); }

jos x: n asema on parempi kuin 600: se estää pallon ja piirtää sinisen viivan reunan 6 kanssa kankaan oikealle puolelle.

Teen tämän kaikille rajoille.