cocos - JS - 碰撞检测

碰撞检测是游戏的一个重要组成部分，我们这里使用一种最简单的方法，就是获取精灵的矩形碰撞框。当然圆形的碰撞检测也比较简单，其他形状就复杂多了。

首先是如何获取矩形碰撞框：

var hBox=this.hero.getBoundingBox();//主角碰撞框

var eBox=this.enemy.getBoundingBox();//敌人碰撞框

其次如何判断他们发生了碰撞：

if(cc.rectIntersectsRect(hBox, eBox)){//判断主角与敌人是否发生碰撞

//这里写发生碰撞后要执行的代码

}

现在我们要让主角发射的子弹在击中敌人的时候能消失，好吧，有上面的基础，直接上代码吧。

新建一个函数update，在ctor函数中this.schedule(this.update);每帧调用update。

update:function(){

var i;

var hBox=this.hero.getBoundingBox();//主角碰撞框

var eBox=this.enemy.getBoundingBox();//敌人碰撞框

for(i in this._bullets){//遍历所有子弹

var bullet=this._bullets[i];

var bBox=bullet.getBoundingBox();//子弹碰撞框

if(cc.rectIntersectsRect(bBox,eBox)){//判断子弹与敌人是否发生碰撞

this._bullets.splice(i, 1);//从子弹数组中删除子弹

this.removeChild(bullet,true);//移除子弹

}

}

}

好了，debug，发现子弹打到敌人会消失了。