Talaan ng mga Nilalaman:

JeuTropFacile - WayTooEasyGame: 3 Hakbang
JeuTropFacile - WayTooEasyGame: 3 Hakbang

Video: JeuTropFacile - WayTooEasyGame: 3 Hakbang

Video: JeuTropFacile - WayTooEasyGame: 3 Hakbang
Video: Does this Terraria weapon make the game too easy? 2024, Nobyembre
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Ito ay isang laro na ganap na ginawa sa HTML at JavaScript kasama ang library ng P5js. Mayroong 2 mga file na pinangalanang index.html at sketch.js. Ako ay napaka nagsisimula sa code kaya humihingi ako ng paumanhin kung hindi ito malinaw.

Maaari mong i-play ang laro sa link na ito

Kinokontrol mo ang isang puting bola gamit ang mga arrow key at kailangan mong iwasan ang pulang bola (sa kasalukuyan, mayroon lamang isa).

Lumikha ako ng 2 variable: posX = 200 at posY = 200

Sa sketch.js, lumikha ako ng isang canva sa pag-andar ng pag-andar na may 640x sa pamamagitan ng 480y na may kulay-abo na background sa pagguhit ng pag-andar, pagkatapos ay lumikha ako ng isang puting bilog na may posisyon sa posX, posY, 75, 75.

Hakbang 1: Paglipat ng Circle

Paglipat ng Circle
Paglipat ng Circle

Tulad ng sinabi ko dati, maaari mong gamitin ang mga arrow key upang ilipat ang bilog.

Upang magawa iyon, lumikha ako ng isang pag-update ng functionPositionEllipse ().

Ginamit ko ang kondisyong ito upang maisagawa ito: kung (keyIsDown (Down_ARROW)) {

posY + = 5;

}

Kapag pinindot ang down key, bumababa ang bilog.

Ginamit ko ito sa bawat iba pang mga susi upang makagalaw ka pakaliwa, pakanan, pataas at pababa.

Hakbang 2: Lumilikha ng Mga Limitasyon ng Hangganan

Paglikha ng Mga Limitasyon ng Hangganan
Paglikha ng Mga Limitasyon ng Hangganan

Upang mapahinto ang puting bola sa dulo ng canva ginamit ko ang function testOutOfScreen.

Sa loob nito, ginamit ko ang kundisyon kung (posX> 600) {

posX = 600; strokeWeight (6); stroke ('asul'); linya (637, 0, 637, 480); }

kung ang posisyon ng x ay nakahihigit sa 600: hinaharangan nito ang bola at gumuhit ito ng isang asul na linya na may isang border 6 na nakalagay sa kanang bahagi ng canva.

Ginagawa ko ito para sa bawat hangganan.

Inirerekumendang: