HTML5 холст обнаружение столкновений

Question

Может кто-нибудь помочь мне с небольшой тестовой игрой, которую я создаю. Я в основном создаю эту игру, чтобы узнать немного о HTML5, и пока все хорошо. Я смог создать холст с воздушным шаром, который может летать и опускаться на дно, когда это не так. Теперь я хочу, чтобы воздушный шар мог остановиться на другом изображении блока, которое я назвал "level1". Если бы кто-то мог посмотреть на него , посмотреть источник и предложить, как я это сделаю, я был бы признателен. Еще раз спасибо. :)

РЕДАКТИРОВАТЬ: Или, возможно, это не самый эффективный способ создания уровня. Если это не так, пожалуйста, скажите. :)

http://tehwebz.com/html5/game.php

Answer 1

Как вы сделали с «посадкой на дно»

if (playerPosY >= canvas.height - playerImg.height) {
    playerVelY = 0;
    playerPosY = canvas.height - playerImg.height;
}
else {
    playerVelY += 0.8;
}

вам нужен шар, чтобы перестать падать, когда он достигает координат уровня. Я думаю, что с вашим уровнем все в порядке, вам просто нужно установить playerVelY на 0.