JeuTropFacile - WayTooEasyGame: 3 lépés

2025 Szerző: John Day | [email protected]. Utoljára módosítva: 2025-01-23 14:47

Ez egy játék, amely teljes egészében HTML -re és JavaScriptre épül a P5js könyvtárral. 2 fájl van index.html és sketch.js néven. Nagyon kezdő vagyok a kódban, ezért sajnálom, ha nem világos.

A játékot ezen a linken játszhatod:

Egy fehér golyót irányít a nyilakkal, és el kell kerülnie a piros golyót (jelenleg csak egy van).

2 változót hoztam létre: posX = 200 és posY = 200

A sketch.js oldalon létrehoztam egy vászont a függvénybeállításban 640x 480y értékkel, szürke háttérrel a függvény rajzolásban, majd fehér kört hoztam létre a posX, posY, 75, 75 pozícióval.

1. lépés: A kör mozgatása

Mint korábban mondtam, a nyilakkal mozgathatja a kört.

Ehhez létrehoztam az updatePositionEllipse () függvényt.

Ezt a feltételt használtam, hogy működjön: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

A le gomb megnyomásakor a kör lefelé mozog.

Minden más billentyűnél használtam, így balra, jobbra, felfelé és lefelé mozoghat.

2. lépés: Határhatárok létrehozása

A fehér golyó megállításához a vászon végén a testOutOfScreen funkciót használtam.

Belül azt a feltételt használtam, ha (posX> 600) {

posX = 600; strokeSúly (6); stroke („kék”); sor (637, 0, 637, 480); }

ha x pozíciója jobb 600 -nál: blokkolja a labdát, és kék vonalat húz a 6 szegéllyel a vászon jobb oldalán.

Ezt minden határnál megteszem.