Javascript - 如何識別圓弧的碰撞

Question

我嘗試在 javascript 中編寫一個小游戲，但存在問題：我不知道如何識別食客圈中的空弧以增加分數。

我在食者圈和球之間添加碰撞，如果球接觸食者的“身體”，它將顯示游戲結束（已完成），如果球接觸食者的“嘴”，它必須增加分數。

這是小游戲的代碼： http : //jsbin.com/gujove/edit?html,css,js,output

如果您對如何操作有任何想法，請隨時告訴我。

謝謝。

Answer 1

前提是您了解以下內容：

• 你知道食者中心的坐標和半徑。 （參考平面的中心）
• 您可以計算圓弧末端的坐標 (centerY + sinA)、(centerX+cosA) 等。
• 你知道球的中心和半徑。

然后：

• 你必須計算球的中心和任何弧端之間的距離是否小於或等於球的半徑。（如果距離較小，這意味着弧角在球內，因此你有打）

• 最重要的是，如果您將食者的中心視為參考點，那么從食者中心到球中心繪制的線的角度應該在繪制到弧線兩側的線的角度之間為飛機。 （如果角度介於兩者之間並且第一個條件成立，那么您正在通過空白空間。