溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
原理如下：
假設(shè)要從數(shù)值A(chǔ)變化到數(shù)值B，如果是線性運(yùn)動(dòng)，則每次移動(dòng)距離是一樣；如果是緩動(dòng)，每次移動(dòng)距離不一樣。那如何才能不一樣呢？很簡(jiǎn)單，按比例移動(dòng)就可以。
例如：每次移動(dòng)剩余距離的一半。
對(duì)吧，超容易理解的。
比方說(shuō)：你和初戀之間距離是64，每秒移動(dòng)一半，則，你們之間的距離下一秒就是32, 再下一秒就是16，然后8，然后4，然后2，然后1，然后……你們就在一起了。你們?cè)谝黄鸬倪@個(gè)過(guò)程就是一個(gè)典型的先快后慢的緩動(dòng)運(yùn)動(dòng)過(guò)程，如下示意圖：
用一個(gè)簡(jiǎn)單的公式表示就是：
A = A + (B - A) / 2
翻譯一下就是：
我下一秒的位置 = 現(xiàn)在位置 + 現(xiàn)在和初戀之間距離的一半
是不是很好理解。
原文鏈接：http://www.zhangxinxu.com/wordpress/2017/01/share-a-animation-algorithm-js/
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
