javascript - HTML5 Canvas 碰撞检测

Question

有人可以帮我做一个我正在创建的小测试游戏吗？我创建这个游戏基本上是为了了解一些有关 HTML5 的知识，到目前为止一切都很好。我已经能够创建一个带有气球的 Canvas ，气球可以飞，当气球不飞时，它会落到底部。现在我希望气球能够停在另一个 block 图像上，我将其称为“level1”。如果有人可能有一个 look at it并查看来源并建议我将如何做到这一点，我将不胜感激。再次感谢。 :)

编辑:或者这可能不是创建关卡的最有效方法。如果不是，请说。 :)

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