Javascript - 如何识别圆弧的碰撞

Question

我尝试在 javascript 中编写一个小游戏，但存在问题：我不知道如何识别食客圈中的空弧以增加分数。

我在食者圈和球之间添加碰撞，如果球接触食者的“身体”，它将显示游戏结束（已完成），如果球接触食者的“嘴”，它必须增加分数。

这是小游戏的代码： http : //jsbin.com/gujove/edit?html,css,js,output

如果您对如何操作有任何想法，请随时告诉我。

谢谢。

Answer 1

前提是您了解以下内容：

• 你知道食者中心的坐标和半径。 （参考平面的中心）
• 您可以计算圆弧末端的坐标 (centerY + sinA)、(centerX+cosA) 等。
• 你知道球的中心和半径。

然后：

• 你必须计算球的中心和任何弧端之间的距离是否小于或等于球的半径。（如果距离较小，这意味着弧角在球内，因此你有打）

• 最重要的是，如果您将食者的中心视为参考点，那么从食者中心到球中心绘制的线的角度应该在绘制到弧线两侧的线的角度之间为飞机。 （如果角度介于两者之间并且第一个条件成立，那么您正在通过空白空间。