最近在寫一個用collider和rigidbody來模擬爆炸一下掉落的效果。（因為是測試版，所以素材很low。僅供參考）

先上層級關係圖

場景檢視

pot是中間的那個小的圖。也是模擬爆炸的中心點隨便用了一個素材。

四個T1就是這四個白塊。

最後效果是：四個物體往下掉，同時往各自方向炸飛，略微旋轉。

思路：掉落跟爆炸效果分開。

1.掉落  程式碼很簡單

       //定義a放在start或者onload裡面

this.a=0; //下面的程式碼放在update或者計時器裡面 this.a++; this.t1.y-=(this.a*0.3); this.t2.y-=(this.a*0.30); this.t3.y-=(this.a*0.3); this.t4.y-=(this.a*0.3);

t1 t2 t3 t4指的是四個白塊。自己定義就好了。y軸座標-=。

2.掉落

2.1先獲取角度  下面的程式碼先轉換座標為世界座標，再通過三角函式來計算角度（三角函式的角度用的是弧度，rotate的話需要弧度轉角度，不用的可以略過）

var jiaodu; var pos02=this.pot.convertToWorldSpaceAR(cc.p(0,0)); for(let i=0;i<4;i++){ var pos01=this.arr[i].convertToWorldSpaceAR(cc.p(0,0)); var distance=cc.pDistance(pos01,pos02); //計算弧度 var hudu=Math.asin((pos01.x-pos02.x)/distance); //弧度轉角度 jiaodu=hudu*180/Math.PI;

           }

2.2模擬爆炸的衝力（這一段放在上面的迴圈裡面，為例方便理清思路就單獨提出來）

this.powernum=600*(distance/400); //線速度 if(pos01.x-pos02.x<0){ //如果物體在中心點的左邊，x方向衝力是反方向的 this.arr[i].getComponent(cc.RigidBody).linearVelocity = cc.v2(this.powernum*Math.cos(hudu)*(-1), this.powernum*Math.sin(hudu)); }else{ this.arr[i].getComponent(cc.RigidBody).linearVelocity = cc.v2(this.powernum*Math.cos(hudu), this.powernum*Math.sin(hudu));
}

2.3模擬爆炸造成的旋轉（一樣的放在迴圈中）

this.arr[i].getComponent(cc.RigidBody).angularVelocity = 200*(distance/400)*Math.cos(hudu);--------------華麗的分割線--------------------------------------------------------到此結束。

不會弄動圖，所以效果得大家自己測試了。

有什麼問題或者不懂得可以留言，另外有高手的話歡迎指導！剛入坑沒多久。