Съдържание:

JeuTropFacile - WayTooEasyGame: 3 стъпки
JeuTropFacile - WayTooEasyGame: 3 стъпки

Видео: JeuTropFacile - WayTooEasyGame: 3 стъпки

Видео: JeuTropFacile - WayTooEasyGame: 3 стъпки
Видео: Does this Terraria weapon make the game too easy? 2024, Ноември
Anonim
JeuTropFacile - WayTooEasyGame
JeuTropFacile - WayTooEasyGame

Това е игра, изцяло направена на HTML и JavaScript с библиотеката P5js. Има 2 файла с име index.html и sketch.js. Аз съм много начинаещ в кода, така че съжалявам, ако не е ясно.

Можете да играете играта с тази връзка

Вие управлявате бяла топка с клавишите със стрелки и трябва да избягвате червената топка (в момента има само една).

Създадох 2 променливи: posX = 200 и posY = 200

На sketch.js създадох платно в настройката на функцията с 640x на 480y със сив фон в чертежа на функцията, след което създадох бял кръг с позиция на posX, posY, 75, 75.

Стъпка 1: Преместване на кръга

Преместване на кръга
Преместване на кръга

Както вече казах, можете да използвате клавишите със стрелки, за да преместите кръга.

За да направя това, създадох функция updatePositionEllipse ().

Използвах това условие, за да работи: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

При натискане на клавиша надолу кръгът се движи надолу.

Използвах го на всеки друг клавиш, така че можете да се движите наляво, надясно, нагоре и надолу.

Стъпка 2: Създаване на гранични граници

Създаване на гранични граници
Създаване на гранични граници

За да накарам бялата топка да спре в края на платното, използвах функцията testOutOfScreen.

Вътре в него използвах условието if (posX> 600) {

posX = 600; strokeWeight (6); ход („син“); ред (637, 0, 637, 480); }

ако позицията на x е по -добра от 600: тя блокира топката и изчертава синя линия с рамка 6, поставена от дясната страна на платното.

Правя това за всяка граница.

Препоръчано: