JeuTropFacile - WayTooEasyGame: 3 kroky

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:58

Jedná sa o hru úplne vytvorenú pre HTML a JavaScript s knižnicou P5js. Existujú 2 súbory s názvom index.html a sketch.js. Som veľmi začiatočník v kóde, takže sa ospravedlňujem, ak je to nejasné.

Hru si môžete zahrať s týmto odkazom

Bielu guľu ovládate šípkami a musíte sa vyhnúť červenej guličke (v súčasnosti je iba jedna).

Vytvoril som 2 premenné: posX = 200 a posY = 200

Na sketch.js som vytvoril canva v nastavení funkcie 640x x 480y so sivým pozadím vo funkcii Draw, potom som vytvoril biely kruh s pozíciou na posX, posY, 75, 75.

Krok 1: Posunutie kruhu

Ako som už povedal, kruh môžete posúvať pomocou klávesov so šípkami.

Na to som vytvoril funkciu updatePositionEllipse ().

Na to, aby to fungovalo, som použil túto podmienku: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Po stlačení klávesu nadol sa kruh posunie nadol.

Použil som to na všetky ostatné klávesy, aby ste sa mohli pohybovať doľava, doprava, hore a dole.

Krok 2: Vytvorenie hraničných hraníc

Aby sa biela guľa zastavila na konci plátna, použil som funkciu testOutOfScreen.

V ňom som použil podmienku if (pozX> 600) {

posX = 600; zdvihová hmotnosť (6); mŕtvica („modrá“); riadok (637, 0, 637, 480); }

ak je poloha x lepšia ako 600: zablokuje loptu a nakreslí modrú čiaru s okrajom 6 umiestneným na pravej strane plátna.

Robím to pre všetky hranice.