帆布球从弧形绘制的球偏转

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))

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