Sign in to follow this  
gamingthinktank

Bounding Circle collision detection: KineticJS/HTML5 Tutorial

Recommended Posts

jjd    2140

This tutorial explains the mathematics behind collision detection using bounding circle method. Source code and online demo is available with the tutorial.

 

Bounding Circle collision detection: KineticJS/HTML5 Tutorial

 

Just a suggestion: get rid of the sqrt operation. It is slow and unnecessary. The same test can be expressed as,

var sum_radii = sprite1Radius + sprite2Radius;
var sum_radii_sqr = sum_radii * sum_radii;

var dist_sqr = (distanceX * distanceX) + (distanceY * distanceY);

return dist_sqr <= sum_radii_sqr

-Josh

Edited by jjd

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this