Jump to content

  • Log In with Google      Sign In   
  • Create Account

Interested in a FREE copy of HTML5 game maker Construct 2?

We'll be giving away three Personal Edition licences in next Tuesday's GDNet Direct email newsletter!

Sign up from the right-hand sidebar on our homepage and read Tuesday's newsletter for details!


We're also offering banner ads on our site from just $5! 1. Details HERE. 2. GDNet+ Subscriptions HERE. 3. Ad upload HERE.


Bounding Circle collision detection: KineticJS/HTML5 Tutorial


Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.

  • You cannot reply to this topic
1 reply to this topic

#1 gamingthinktank   Members   -  Reputation: 125

Like
0Likes
Like

Posted 23 July 2013 - 05:31 AM

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



Sponsor:

#2 jjd   Crossbones+   -  Reputation: 2109

Like
1Likes
Like

Posted 23 July 2013 - 07:28 AM

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, 23 July 2013 - 07:29 AM.

--www.physicaluncertainty.com
--linkedin
--irc.freenode.net#gdnet





Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.



PARTNERS