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（）意味着你的比例因子使單個單位少於一個像素。