插件描述：給自己主頁目錄用這個的，順便傳上來。

更新時間：2017/6/28 上午10:32:32

更新說明：

1. 更新了碰撞方法。解決了擦邊碰撞不正常的情況。

2. 更新了碰撞回掉函數的調用情況。避免了剛出現小球時如果重疊一直調用的情況。

使用方法說明

1.此插件純原生js編寫，使用時引入此collision.js即可。

2.生成容器，假設現有一個id為container的盒子做容器。var?oB=new?BallBox(‘container’);

注：容器必須是有寬高的定位元素。盡量不要有邊線。

3.生成小球var?ball=new?Ball();

4.把小球放入容器oB.addBall(ball);

5.調用容器的ballRun方法，讓小球開始運動。注意：此運動是完全彈性碰撞，不會損失能量。oB.ballRun();

over

參數說明

容器參數new?BallBox(‘container’，?opts);

opts:?{

width:?num,

height:?num

}?//沒有邊線和padding的時候可不寫。有的情況下需要把容器真實寬高填進去。

小球參數?new?Ball(opts);

opts:?{

e:?小球DOM元素?/?原生對象，?可填入頁面DOM，?不寫則生成新DIV?DOM,

b:?小球半徑?默認30;包含邊

c:?小球背景顏色?/?圖片，?默認?'pink'

borderWidth:?邊線寬度?默認0

borderColor:?邊線顏色?默認?#000

x:小球中心點的橫坐標?默認為半徑

y:小球中心點的縱坐標?默認為半徑

sx:小球在x軸方向速度每30ms，默認3

sy:小球在y軸方向速度每30ms，默認3

m:小球的質量，默認b/30;

html:小球內部的內容，不填則不會改變DOM本身的內容。

fontSize:字體大小，默認12;

opa:小球透明度，默認1；

callBack:function??碰撞時的回掉函數，參數為碰撞的總次數，方法中this指向此球對象

}

*/

小球方法：setB(num)//重新設置小球半徑

setC(str);//重新設置小球背景顏色/圖片

setBorderWidth(n);//重新設置小球邊線寬度

setBorderColor(str);//重新設置邊線顏色

setM(n);//重設小球質量,如果不給參數，則按照半徑重新默認質量

setHTML(str);//重設小球內容

setOpa(n);//重設小球透明度

總結

以上是生活随笔為你收集整理的c语言碰撞的小球,小球碰撞（完全弹性碰撞）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。