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即可。