如何检测像游戏角色这样的复杂形状的碰撞？

Question

对于一个简单的矩形，我会使用：

if(ballX > rectX && ballX < rectX + rectWidth && ballY > rectY && ballY <rectY  + rectHeight) {
alert("Game over");
}

Answer 1

你的问题不是直接的javascript或html问题，而是......

1）如何检测两个物体是否发生碰撞有多种选择。一个（和简单的）解决方案称为AABB碰撞检测（good video tutorial）

2）stackoverflow上已有一个很好的答案：Collision detection with complex shapes

3）有很多好的游戏框架（take a look at this list）为你做碰撞检测。你确定要自己做吗？