JeuTropFacile - WayTooEasyGame: 3 koraki

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:04

To je igra v celoti narejena na HTML in JavaScript s knjižnico P5js. Obstajata 2 datoteki z imenom index.html in sketch.js. Sem zelo začetnik kode, zato se opravičujem, če ni jasno.

Igro lahko igrate s to povezavo

Belo kroglo upravljate s puščičnimi tipkami in se morate izogibati rdeči krogli (trenutno je samo ena).

Ustvaril sem dve spremenljivki: posX = 200 in posY = 200

Na sketch.js sem v nastavitvi funkcije ustvaril platno s 640x480y s sivim ozadjem v risbi funkcije, nato sem ustvaril bel krog s položajem na posX, posY, 75, 75.

1. korak: Premikanje kroga

Kot sem že rekel, lahko s puščičnimi tipkami premaknete krog.

Za to sem ustvaril funkcijo updatePositionEllipse ().

Za to sem uporabil ta pogoj: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Ko pritisnete tipko dol, se krog premakne navzdol.

Uporabil sem ga na vseh drugih tipkah, tako da se lahko premikate levo, desno, gor in dol.

2. korak: Ustvarjanje mejnih meja

Da bi se bela krogla ustavila na koncu platna, sem uporabil funkcijo testOutOfScreen.

Znotraj tega sem uporabil pogoj if (posX> 600) {

posX = 600; strokeWeight (6); kap ('modra'); vrstica (637, 0, 637, 480); }

če je položaj x boljši od 600: blokira žogo in nariše modro črto z obrobo 6 na desni strani platna.

To počnem za vse meje.