JavaScript HTML5画布碰撞检测

Question

我正在使用HTML5画布和JavaScript创建类似air hockey的游戏。我已经走得很远了，但是发现木槌和球的碰撞让我难住了。我尝试过使用两个圆之间的距离和距离平方（通过绕过平方根节省CPU）。我无法弄清楚为什么没有检测到碰撞。

这是我有：http://austin.99k.org/z_Archive/Air_Hockey/

请看看，并帮助我找到答案。源文件有些评论。

Answer 1

你的命中功能是错误的。你应该简单地计算两点之间的距离（你做的是正确的），并将其与木槌和球之间的最小距离进行比较。

例如，

return distance_squared < radii_squared 

你实际上（有效），这样做的：

return -COLLIDEDISTANCE < radii_squared - distance_squared && radii_squared - distance_squared < COLLIDEDISTANCE 

这就要求任何hit是在2个单元的边缘，但我看到过运行的数字hit（）意味着你的比例因子使单个单位少于一个像素。