【Cocos2d-x-js系列】碰撞檢測

簡單描述下游戲的碰撞檢測原理：首先要為每個游戲物體指定一個碰撞檢測區域，然后在Update方法中實時檢測兩個物體的區域是否有重疊，如果有，那么就發生碰撞了。

 

簡單看下代碼，這個代碼是從官方的代碼里頭摘出來的

tools.CollisionHelper={
    IsCollided:function(ccA,ccB){
        var ax = ccA.x, ay = ccA.y, bx = ccB.x, by = ccB.y;
        /*if (Math.abs(ax - bx) > 5|| Math.abs(ay - by) >5) {
            return false;
        }*/
        var aRect = this.MakeCollideRect(ccA);
        var bRect = this.MakeCollideRect(ccB);
        return cc.rectIntersectsRect(aRect, bRect);
    },
    MakeCollideRect: function (ccA) {
        return cc.rect(ccA.x - 3, ccA.y - 3, 20, 20);
    }
};

簡單說下代碼：碰撞檢測時比較的是每個游戲物體所在碰撞區域（上面代碼中我們設定該區域高寬都是20，該區域所在坐標是當前游戲物體坐標減3，這個3必須根據游戲中不同物體來動態調節），得到這兩個區域所在位置以后，發給cc.rectInterestsRect函數就可以了。其實在cc.rectInterestsRect函數內部也是做的區域范圍檢測。

 

發生碰撞以后要隱藏游戲物體的話直接用：gameObject.setVisibility(false)就可以了。

 

話說用碰撞檢測結果配合cc.fadeIn和cc.fadeOut就可以很簡單的搞個碰撞動畫出來了。