首頁 > web前端 > js教程 > 關於原生js運動方式關鍵點的總結

關於原生js運動方式關鍵點的總結

一个新手
發布: 2017-10-09 10:01:13
原創
1232 人瀏覽過

主要方法:定時器的運用setInterval(funnction(){},30);

為了避免最後時刻速度即將停止時的誤差,可以採用下面的方法:

if(iSpeed<1)//速度足够小的时候,让速度直接为0,避免速度的波动{
iSpeed = 0;
}
登入後複製

絕對值的運用(主要運用於彈性運動等速度有正負的情況):

Math.abs(2.5)// 2
登入後複製

彈性運動和摩擦力的組合:

iSpeed+=(iTarget-obj.offsetLeft)/5;
iSpeed*=0.7;
登入後複製

模擬摩擦力:

iSpeed*=0.95;//小数速度会越来越小
登入後複製

減速運動:

iSpeed--;
登入後複製

加速運動:

iSpeed++;
登入後複製

彈性運動:

iSpeed+=(300-op.offsetLeft)/50;
登入後複製

碰撞運動:

iSpeed *= -1;
登入後複製

以上是關於原生js運動方式關鍵點的總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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