javascript - キャンバス ボールは、円弧で描かれたボールから逸れます

Question

HTML で飛び回る 2 つのボール (円) があります。それらが一緒になると、偏向して反対方向に戻るはずです。円弧で円を描き、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))

次に、その距離が各ボールの半径の合計より小さいかどうかを確認することで、それらが衝突しているかどうかを判断できます。