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。