如何使canvas实现的鼠标滚动序列帧动画变得平滑有弹性？

Question

如题，看到一些网站上面使用canvas来做图片的序列帧动画，有一些绑定了鼠标滚轮事件，比如：http://www.clearmotion.com/te...

自己尝试了一下，发现滚动停止时并不平滑，鼠标停马上就停止了
https://jsfiddle.net/Deryckxi...

请问这种如何处理才能实现站上的效果

Answer 1

一个想法（实际是不是这样做的就不知道了）：每次滚动播放一定的帧数，如果出现连续滚动则要做防抖动处理，并根据滚动距离进行帧的播放。看网站的效果似乎还用了缓动函数，因为滚动一次的时候从开始到停止并不是很流畅。