Several methods of COCOS2D-HTML5 collision detection

There are still more collisions in the game, such as the collision of characters and characters, the collision of characters and walls, the collision of characters and monsters, etc., all need
Conduct a collision detection to trigger a certain event


Recently, when trying to make a small game, you need to use collision detection, and then check the information, and in the Forum to ask questions and so on to find a more comfortable collision detection method, recorded here


Now that you know the method is three kinds of, the following records and analyze their respective strengths and weaknesses
1, is the official provision, according to Getboundingbox (); method to obtain the range of the collision object to be detected, and then according to Rectintersectsrect (), the method to infer whether there is overlap between the two sprites to be detected, and the collision occurs;
Advantages: Suitable for the rule of the rectangular object to detect collisions, simple, direct
Cons: Unfriendly to complex graphics, inaccurate detection of collisions, and an inexplicable feeling in use

var dollrect = Sprite.getboundingbox (), var dollheadrect = This.catchHand.getBoundingBox (); if (Cc.rectintersectsrect ( Dollrect, Dollheadrect)) {      //crash Event}

2, another is found on the Internet, I feel a bit of trouble, just relative to the first, for irregular objects to support the better some

This is based on the upper and lower middle points of the boundingbox to infer the collision, making the detection more accurate
Strengths: Make collision detection a bit more accurate
Cons: Trouble

    var box1 = Sprite1.getboundingbox ();    var bottom = CC.P (box1.x +box1.width/2,box1.y);    var right = CC.P (box1.x +box1.width,box1.y +box1.height/2);    var left = CC.P (Box1.x,box1.y +box1.height/2);    var top = CC.P (box1.x + box1.width/2,box1.y + box1.height);     var box2 = Sprite2.getboundingbox ();     if (Cc.rectcontainspoint (Box2, left) | | Cc.rectcontainspoint (Box2, right) | | Cc.rectcontainspoint (Box2, top) | | Cc.rectcontainspoint (Box2, bottom)) {          //Clash     }

3, the third is what I use today, but this for the size of the rule, that is, close to the square is better, but for the shape can be complex
This collision detection is to add a RADIUS attribute to the sprite, set the sprite as the center of origin, radius radius of the collision area, and then to infer whether the distance of the center point of the two elves is less than the sum of the radius, assuming that the collision occurs;
Strengths: more accurate, simple
Cons: Not friendly for long picture collisions
To infer the distance first to know a method: Pdistance (), this method is COCOS2D-HTML5 to obtain two coordinate points between the method, using this method we can get two Elf center distance

     var sprite = this.dolls3[i];     var distance = cc.pdistance (This.catchHand.getPosition (), sprite.getposition ());     var radiussum = Sprite.radius + This.catchHand.radius;     Cc.log ("Distance:" + distance + "; Radius: "+ radiussum);     if (distance < radiussum) {         //collision}//     for the 33rd method deepened a bit, so that the wizard of the rectangle class can also have a good inference,     // The main thing is to set a different radius for the x and Y directions respectively, and then go on to infer     var Distancex = Math.Abs (This.catchHand.getPositionX ()-Sprite.getpositionx ( ));     var Distancey = Math.Abs (This.catchHand.getPositionY ()-sprite.getpositiony ());     var radiusysum = sprite.radiusy + This.catchHand.radius;     if (Distancex < Sprite.radiusx && Distancey < radiusysum) {         this.catchdollsucceed (sprite);         return;     }

Summary: To sum up, the collision detection method more than one, (there should be other methods I do not know) in the appropriate time to choose the right method is the best,

A lot of other COCOS2D-HTML5 development articles can focus on the blog of the Bull Man Touchsnow: http://blog.makeapp.co

can also go to my personal blog site: melove I love http://www.melove.net

Several methods of COCOS2D-HTML5 collision detection