JeuTropFacile - WayTooEasyGame: 3 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:02

Энэ бол HTML, JavaScript дээр P5js номын сангаар бүтээгдсэн тоглоом юм. Index.html болон sketch.js нэртэй 2 файл байна. Би кодоо маш сайн сурч байгаа болохоор ойлгомжгүй байвал уучлаарай.

Та https://clement39100.github.io/JeuTropFacile/ энэ линкээр тоглож болно.

Та цагаан бөмбөгийг сумтай товчлуураар хянадаг бөгөөд улаан бөмбөгнөөс зайлсхийх хэрэгтэй (одоогоор зөвхөн нэг л байна).

Би posX = 200 ба posY = 200 гэсэн 2 хувьсагч үүсгэсэн

Sketch.js дээр би функцын тохиргоонд 640x480y хэмжээтэй саарал дэвсгэр бүхий зураг зурж, дараа нь posX, posY, 75, 75 дээр байрлалтай цагаан тойрог үүсгэсэн.

Алхам 1: Тойргийг хөдөлгөх

Өмнө хэлсэнчлэн та сумны товчлуурыг ашиглан тойргийг хөдөлгөж болно.

Үүнийг хийхийн тулд би updatePositionEllipse () функцийг үүсгэсэн.

Үүнийг ажиллуулахын тулд би энэ нөхцлийг ашигласан: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Доош товчийг дарахад тойрог доошоо хөдөлнө.

Би үүнийг бусад товчлуур дээр ашигласан тул та зүүн, баруун, дээш, доош хөдөлж чадна.

Алхам 2: Хязгаарын хил хязгаарыг бий болгох

Зургийн төгсгөлд цагаан бөмбөгийг зогсоохын тулд би testOutOfScreen функцийг ашигласан.

Үүний дотор би (posX> 600) {нөхцлийг ашигласан.

posX = 600; цус харвалт (6); цус харвалт ("цэнхэр"); мөр (637, 0, 637, 480); }

Хэрэв x -ийн байрлал 600 -аас дээш байвал бөмбөгийг хааж, зургийн баруун талд 6 -р хил бүхий цэнхэр шугам зурна.

Би үүнийг хил бүрийн хувьд хийдэг.