原理如下:
假設(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/
創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國(guó)云服務(wù)器,動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開(kāi)啟,新人活動(dòng)云服務(wù)器買多久送多久。