在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  動(dòng)漫  網(wǎng)絡(luò)安全  HTML/ 如何使canvas實(shí)現(xiàn)的鼠標(biāo)滾動(dòng)序列幀動(dòng)畫變得平滑有彈性?

如何使canvas實(shí)現(xiàn)的鼠標(biāo)滾動(dòng)序列幀動(dòng)畫變得平滑有彈性?

如題,看到一些網(wǎng)站上面使用canvas來(lái)做圖片的序列幀動(dòng)畫,有一些綁定了鼠標(biāo)滾輪事件,比如:http://www.clearmotion.com/te...

自己嘗試了一下,發(fā)現(xiàn)滾動(dòng)停止時(shí)并不平滑,鼠標(biāo)停馬上就停止了
https://jsfiddle.net/Deryckxi...

請(qǐng)問(wèn)這種如何處理才能實(shí)現(xiàn)站上的效果

回答
編輯回答
情皺

一個(gè)想法(實(shí)際是不是這樣做的就不知道了):每次滾動(dòng)播放一定的幀數(shù),如果出現(xiàn)連續(xù)滾動(dòng)則要做防抖動(dòng)處理,并根據(jù)滾動(dòng)距離進(jìn)行幀的播放??淳W(wǎng)站的效果似乎還用了緩動(dòng)函數(shù),因?yàn)闈L動(dòng)一次的時(shí)候從開始到停止并不是很流暢。

2018年5月4日 16:32