Turinys:

„JeuTropFacile“- „WayTooEasyGame“: 3 žingsniai
„JeuTropFacile“- „WayTooEasyGame“: 3 žingsniai
Anonim
„JeuTropFacile“- „WayTooEasyGame“
„JeuTropFacile“- „WayTooEasyGame“

Tai žaidimas, visiškai sukurtas naudojant HTML ir „JavaScript“su biblioteka P5js. Yra 2 failai, pavadinti index.html ir sketch.js. Esu labai pradedanti koduoti, todėl atsiprašau, jei neaišku.

Žaidimą galite žaisti naudodami šią nuorodą

Jūs valdote baltą rutulį rodyklių klavišais ir turite vengti raudono rutulio (šiuo metu yra tik vienas).

Sukūriau 2 kintamuosius: posX = 200 ir posY = 200

Naudodamas sketch.js, funkcijų sąrankoje sukūriau drobę su 640x480y pilku fonu funkcijų piešinyje, tada sukūriau baltą apskritimą su padėtimi posX, posY, 75, 75.

1 žingsnis: apskritimo perkėlimas

Rato judėjimas
Rato judėjimas

Kaip jau minėjau, apskritimą galite perkelti naudodami rodyklių klavišus.

Norėdami tai padaryti, sukūriau funkciją updatePositionEllipse ().

Naudojau šią sąlygą, kad ji veiktų: if (keyIsDown (DOWN_ARROW)) {

pozY += 5;

}

Paspaudus žemyn klavišą, apskritimas juda žemyn.

Aš naudoju jį ant visų kitų klavišų, kad galėtumėte judėti kairėn, dešinėn, aukštyn ir žemyn.

2 žingsnis: Ribinių sienų kūrimas

Ribinių sienų kūrimas
Ribinių sienų kūrimas

Kad baltas rutulys sustotų drobės pabaigoje, naudoju funkciją testOutOfScreen.

Viduje naudojau sąlygą if (posX> 600) {

pozX = 600; smūgisSvoris (6); insultas („mėlynas“); eilutė (637, 0, 637, 480); }

jei x padėtis yra geresnė už 600: ji blokuoja kamuolį ir piešia mėlyną liniją su 6 kraštu, esančiu dešinėje drobės pusėje.

Aš tai darau kiekvienai sienai.

Rekomenduojamas: