国产精品亚洲lv粉色-狼人青草久久网伊人-一区二区精品视频在线观看-国产靠逼视频-日本天天射-懂色av懂色av粉嫩av分享吧-国产特级黄色片-亚洲九九九九-操操操.com-国产激情高中生呻吟视频-最近中文字幕日本-国内精品久久久久久99-成年人在线观看视频-免费在线观看视频a-久久午夜国产-天天谢天天干-一区在线播放

氣泡物理碰撞效果

  • 1922
  • 1
  • 0
氣泡物理碰撞效果- 素材8


使用方法說明

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

2.生成容器，假設(shè)現(xiàn)有一個id為container的盒子做容器。

  1. var oB=new BallBox(‘container’);
復(fù)制代碼

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

3.生成小球

  1. var ball=new Ball();
復(fù)制代碼

4.把小球放入容器

  1. oB.addBall(ball);
復(fù)制代碼

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

  1. oB.ballRun();
復(fù)制代碼
參數(shù)說明

容器參數(shù)

  1. new BallBox(‘container’， opts);
  2. opts: {
  3.     width: num,
  4.     height: num
  5. } //沒有邊線和padding的時候可不寫。有的情況下需要把容器真實(shí)寬高填進(jìn)去。
  6. 小球參數(shù) new Ball(opts);
  7. opts: {
  8.         e: 小球DOM元素 / 原生對象， 可填入頁面DOM， 不寫則生成新DIV DOM,
  9.         b: 小球半徑 默認(rèn)30;包含邊
  10.         c: 小球背景顏色 / 圖片， 默認(rèn) 'pink'
  11.         borderWidth: 邊線寬度 默認(rèn)0
  12.         borderColor: 邊線顏色 默認(rèn) #000
  13.      x:小球中心點(diǎn)的橫坐標(biāo) 默認(rèn)為半徑
  14.      y:小球中心點(diǎn)的縱坐標(biāo) 默認(rèn)為半徑
  15.      sx:小球在x軸方向速度每30ms，默認(rèn)3
  16.      sy:小球在y軸方向速度每30ms，默認(rèn)3
  17.      m:小球的質(zhì)量，默認(rèn)b/30;
  18.      html:小球內(nèi)部的內(nèi)容，不填則不會改變DOM本身的內(nèi)容。
  19.      fontSize:字體大小，默認(rèn)12;
  20.      opa:小球透明度，默認(rèn)1；
  21.      callBack:function  碰撞時的回掉函數(shù)，參數(shù)為碰撞的總次數(shù)，方法中this指向此球?qū)ο?br />
  22.      }
  23.       
  24. */
復(fù)制代碼

小球方法：

  1. setB(num)//重新設(shè)置小球半徑
  2. setC(str);//重新設(shè)置小球背景顏色/圖片
  3. setBorderWidth(n);//重新設(shè)置小球邊線寬度
  4. setBorderColor(str);//重新設(shè)置邊線顏色
  5. setM(n);//重設(shè)小球質(zhì)量,如果不給參數(shù)，則按照半徑重新默認(rèn)質(zhì)量
  6. setHTML(str);//重設(shè)小球內(nèi)容
  7. setOpa(n);//重設(shè)小球透明度
復(fù)制代碼

本素材被以下收藏專輯推薦:

相關(guān)素材
氣泡物理碰撞效果
  • NaiHe 剛剛下載了一個素材
  • 豐豐富富 剛剛下載了一個素材
  • 月亮是我啃彎的o 剛剛下載了一個素材
  • 領(lǐng)帆網(wǎng)絡(luò)李巖15357913151 剛剛下載了一個素材
  • 李迎波 剛剛下載了一個素材
  • qqvWK7 剛剛下載了一個素材
  • 沒找好下家還不知道叫啥 剛剛下載了一個素材
  • 晨暉 剛剛下載了一個素材
  • 紫冰之蕭 剛剛下載了一個素材
  • 保持清醒！ 剛剛下載了一個素材
  • 光明使者 剛剛下載了一個素材
  • 04388 剛剛下載了一個素材
  • 你還會回來吧 剛剛下載了一個素材
  • R5450 剛剛下載了一個素材
  • MM4649 剛剛下載了一個素材
分享者：
分享者頭像
小編
熱門素材推薦
HTML素材網(wǎng)，HTML5模板，網(wǎng)頁特效 微信公眾賬號二維碼 淘寶店鋪地址二維碼
Copyright©2025  素材8  Powered by 智伙伴科技
   魯ICP備14029286號-5 魯公網(wǎng)安備37060202001967號
返回頂部返回頂部
發(fā)布主題
邵阳市| 彭泽县| 惠来县| 共和县| 沙田区| 汤原县| 武义县| 上犹县| 琼海市| 蓝田县| 屏东县| 梅河口市| 丽水市| 萨迦县| 长岭县| 温州市| 甘德县| 鲁甸县| 黑山县| 宁远县| 盖州市| 巨野县| 鄂尔多斯市| 宁德市| 武山县| 抚州市| 龙岩市| 济阳县| 岗巴县| 白朗县| 小金县| 基隆市| 芜湖县| 虹口区| 东港市| 木里| 柯坪县| 普陀区| 肇东市| 同江市| 克拉玛依市|