JeuTropFacile - WayTooEasyGame: 3 kroky

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:21

Jedná se o hru zcela vytvořenou pro HTML a JavaScript s knihovnou P5js. Existují 2 soubory s názvem index.html a sketch.js. Jsem v kódu velmi začátečník, takže se omlouvám, pokud je to nejasné.

Hru můžete hrát s tímto odkazem

Bílou kouli ovládáte pomocí šipek a musíte se vyhnout červené kouli (v současné době je pouze jedna).

Vytvořil jsem 2 proměnné: posX = 200 a posY = 200

Na sketch.js jsem vytvořil canva v nastavení funkce 640x na 480y se šedým pozadím ve funkci draw, poté jsem vytvořil bílý kruh s pozicí na posX, posY, 75, 75.

Krok 1: Přesunutí kruhu

Jak jsem již řekl, kruh můžete přesouvat pomocí kláves se šipkami.

K tomu jsem vytvořil funkci updatePositionEllipse ().

Použil jsem tuto podmínku, aby to fungovalo: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Když je stisknuto tlačítko dolů, kruh se posune dolů.

Použil jsem to na všechny ostatní klávesy, takže se můžete pohybovat doleva, doprava, nahoru a dolů.

Krok 2: Vytvoření limitních hranic

Aby se bílá koule zastavila na konci canvy, použil jsem funkci testOutOfScreen.

Uvnitř jsem použil podmínku if (posX> 600) {

posX = 600; strokeWeight (6); mrtvice ('modrá'); řádek (637, 0, 637, 480); }

pokud je poloha x lepší než 600: blokuje míč a nakreslí modrou čáru s okrajem 6 umístěným na pravé straně canvy.

Dělám to pro všechny hranice.