CODEWITHSUNDEEP
javascriptcanvashtml5-videohtml5-canvas
user1590534
user1590534

Reputation: 322

canvas ball deflect from ball drawn with arc

I have two balls (circles) which are flying around in my HTML. If they come together, they should deflect and fly to the other direction back. I have drawn the circles with arc and I have variables for the x,y koordinates and the radius.

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

Because they should move, I just change the x and y Position:

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

So how can I find out when the circles are colliding?

Upvotes: 0

Views: 150

Answers (1)

Shmiddty
Shmiddty

Reputation: 13967

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

Then you can tell if they collide by checking if that distance is less than the sum of the radii of each ball.

Upvotes: 1

Related Questions