首頁 > web前端 > js教程 > JavaScript強化教程 —— cocosjs碰撞偵測

JavaScript強化教程 —— cocosjs碰撞偵測

巴扎黑
發布: 2016-12-05 11:19:45
原創
1236 人瀏覽過

本文為H5EDU 機構官方HTML5培訓教程,主要介紹:JavaScript強化教程—— cocosjs碰撞檢測 

簡單描述下遊戲的碰撞檢測原理:首先要為每個遊戲物體指定一個碰撞檢測區域,然後在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就可以很簡單的搞個碰撞動畫出來了

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板