基于原生js運(yùn)動(dòng)方式關(guān)鍵點(diǎn)的總結(jié)(推薦)
更新時(shí)間：2017年10月01日 08:54:20 作者：XmanL
下面小編就為大家?guī)?lái)一篇基于原生js運(yùn)動(dòng)方式關(guān)鍵點(diǎn)的總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
主要方法：定時(shí)器的運(yùn)用 setInterval(funnction(){},30);
為了避免最后時(shí)刻速度即將停止時(shí)的誤差，可以采用下面的方法：
if（iSpeed<1）//速度足夠小的時(shí)候，讓速度直接為0，避免速度的波動(dòng)
{
iSpeed = 0;
}
絕對(duì)值的運(yùn)用(主要運(yùn)用于彈性運(yùn)動(dòng)等速度有正負(fù)的情況)：
Math.abs(2.5)// 2
彈性運(yùn)動(dòng)和摩擦力的組合：
iSpeed+=(iTarget-obj.offsetLeft)/5; iSpeed*=0.7;
模擬摩擦力：
iSpeed*=0.95;//小數(shù)速度會(huì)越來(lái)越小
減速運(yùn)動(dòng)：
iSpeed--;
加速運(yùn)動(dòng)：
iSpeed++;
彈性運(yùn)動(dòng)：
iSpeed+=(300-oDiv.offsetLeft)/50;
碰撞運(yùn)動(dòng)：
iSpeed *= -1;
以上這篇基于原生js運(yùn)動(dòng)方式關(guān)鍵點(diǎn)的總結(jié)(推薦)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)帶積分彈球小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
js下劃線(xiàn)和駝峰互相轉(zhuǎn)換的實(shí)現(xiàn)(多種方法)
本文主要介紹了js下劃線(xiàn)和駝峰互相轉(zhuǎn)換的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
本文介紹一個(gè)簡(jiǎn)單可行的辦法，來(lái)做基于gulp構(gòu)建的中小型項(xiàng)目中的seajs合并壓縮，感興趣的朋友一起看看詳情吧2016-06-06
JavaScript實(shí)現(xiàn)body內(nèi)任意節(jié)點(diǎn)的自定義屬性功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)body內(nèi)任意節(jié)點(diǎn)的自定義屬性功能,涉及javascript針對(duì)DOM節(jié)點(diǎn)的獲取及屬性設(shè)置相關(guān)操作技巧,需要的朋友可以參考下2017-09-09
JavaScript 點(diǎn)擊頁(yè)面上的按紐，彈出層，背景變灰
點(diǎn)擊頁(yè)面上的按紐，彈出一個(gè)層，背景變灰，這樣的效果現(xiàn)在網(wǎng)頁(yè)應(yīng)用的比較多，這里只是個(gè)簡(jiǎn)單的實(shí)現(xiàn)方式2010-06-06
使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)
使用JavaScript實(shí)現(xiàn)Java的List功能(實(shí)例講解)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
js獲取鍵盤(pán)按鍵響應(yīng)事件(兼容各瀏覽器)
js獲取鍵盤(pán)按鍵響應(yīng)事件(兼容各瀏覽器)，需要的朋友可以參考一下2013-05-05
ES6?數(shù)組some()和every()的使用及說(shuō)明
這篇文章主要介紹了ES6?數(shù)組some()和every()的使用及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要為大家詳細(xì)介紹了js仿微信語(yǔ)音播放的實(shí)現(xiàn)思路，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jsPDF如何導(dǎo)出pdf，不過(guò)其貌似不支持中文,需要的朋友可以參考下2014-05-05