javascript - 画布球偏离用弧线绘制的球

Question

我有两个球（圆圈）在我的 HTML 中飞来飞去。如果它们聚在一起，它们应该偏转并飞回另一个方向。我已经用圆弧绘制了圆圈，并且我有 x、y 坐标和半径的变量。

var xGreen;
var yGreen;
var rGreen;
var xOrange;
var yOrange;
var rOrange;

因为它们应该移动，所以我只需更改 x 和 y 位置：

xGreen += xSpeed;
yGreen += ySpeed;
xOrange += xSpeed;
yOrange += ySpeed;

那么我怎样才能知道圆圈何时发生碰撞呢？

Answer 1

distance = Math.sqrt(Math.pow(xG-xO,2)+Math.pow(yG-yO,2))

然后，您可以通过检查该距离是否小于每个球的半径之和来判断它们是否发生碰撞。