JeuTropFacile - WayTooEasyGame: 3 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:27

Dette er et spil udelukkende lavet på HTML og JavaScript med biblioteket P5js. Der er 2 filer med navnet index.html og sketch.js. Jeg er meget nybegynder i kode, så jeg beklager, hvis det er uklart.

Du kan spille spillet med dette link

Du styrer en hvid bold med piletasterne, og du skal undgå den røde bold (i øjeblikket er der kun én).

Jeg oprettede 2 variabler: posX = 200 og posY = 200

På sketch.js oprettede jeg en canva i funktionsopsætningen med 640x ved 480y med en grå baggrund i funktionstegningen, derefter lavede jeg en hvid cirkel med position på posX, posY, 75, 75.

Trin 1: Flyt cirklen

Som jeg sagde før, kan du bruge piletasterne til at flytte cirklen.

For at gøre det oprettede jeg en funktion updatePositionEllipse ().

Jeg brugte denne betingelse til at få det til at fungere: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Når der trykkes på ned -tasten, bevæger cirklen sig ned.

Jeg brugte det på alle andre taster, så du kan flytte til venstre, højre, op og ned.

Trin 2: Oprettelse af grænser

For at få den hvide kugle til at stoppe for enden af canva’en brugte jeg funktionen testOutOfScreen.

Inde i den brugte jeg betingelsen hvis (posX> 600) {

posX = 600; strokeWeight (6); slagtilfælde ('blå'); linje (637, 0, 637, 480); }

hvis positionen x er over 600: den blokerer bolden, og den trækker en blå linje med en kant 6 placeret på højre side af canvaen.

Jeg gør dette for alle grænser.