首页 > 代码库 > 【Cocos2d-x-js系列】碰撞检测

【Cocos2d-x-js系列】碰撞检测

简单描述下游戏的碰撞检测原理:首先要为每个游戏物体指定一个碰撞检测区域,然后在Update方法中实时检测两个物体的区域是否有重叠,如果有,那么就发生碰撞了。

 

简单看下代码,这个代码是从官方的代码里头摘出来的

 1 tools.CollisionHelper={ 2     IsCollided:function(ccA,ccB){ 3         var ax = ccA.x, ay = ccA.y, bx = ccB.x, by = ccB.y; 4         /*if (Math.abs(ax - bx) > 5|| Math.abs(ay - by) >5) { 5             return false; 6         }*/ 7         var aRect = this.MakeCollideRect(ccA); 8         var bRect = this.MakeCollideRect(ccB); 9         return cc.rectIntersectsRect(aRect, bRect);10     },11     MakeCollideRect: function (ccA) {12         return cc.rect(ccA.x - 3, ccA.y - 3, 20, 20);13     }14 };

简单说下代码:碰撞检测时比较的是每个游戏物体所在碰撞区域(上面代码中我们设定该区域高宽都是20,该区域所在坐标是当前游戏物体坐标减3,这个3必须根据游戏中不同物体来动态调节),得到这两个区域所在位置以后,发给cc.rectInterestsRect函数就可以了。其实在cc.rectInterestsRect函数内部也是做的区域范围检测。

 

发生碰撞以后要隐藏游戏物体的话直接用:gameObject.setVisibility(false)就可以了。

 

话说用碰撞检测结果配合cc.fadeIn和cc.fadeOut就可以很简单的搞个碰撞动画出来了。

【Cocos2d-x-js系列】碰撞检测