JeuTropFacile - WayTooEasyGame: 3 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:13

Aquest és un joc completament fet amb HTML i JavaScript amb la biblioteca P5js. Hi ha dos fitxers anomenats index.html i sketch.js. Sóc molt novell en el codi, així que em sap greu si no està clar.

Podeu jugar amb aquest enllaç

Controleu una bola blanca amb les tecles de fletxa i heu d’evitar la bola vermella (actualment, només n’hi ha una).

He creat 2 variables: posX = 200 i posY = 200

A sketch.js, he creat un canva a la configuració de la funció amb 640x per 480y amb un fons gris al dibuix de funcions, i després he creat un cercle blanc amb posició a posX, posY, 75, 75.

Pas 1: moure el cercle

Com he dit abans, podeu utilitzar les tecles de fletxa per moure el cercle.

Per fer-ho he creat una funció updatePositionEllipse ().

He utilitzat aquesta condició perquè funcioni: if (keyIsDown (DOWN_ARROW)) {

posY + = 5;

}

Quan es prem la tecla avall, el cercle es mou cap avall.

L'he fet servir a totes les altres tecles perquè pugueu moure's cap a l'esquerra, cap a la dreta, cap amunt i cap avall.

Pas 2: creació de vores límit

Per fer que la bola blanca s’aturés al final de la canva vaig utilitzar la funció testOutOfScreen.

Al seu interior, he utilitzat la condició if (posX> 600) {

posX = 600; pes de cop (6); traç ('blau'); línia (637, 0, 637, 480); }

si la posició de x és superior a 600: bloqueja la pilota i dibuixa una línia blava amb una vora 6 situada al costat dret de la canva.

Ho faig per totes les fronteres.