如何使canvas实现的鼠标滚动序列帧动画变得平滑有弹性?
如题,看到一些网站上面使用canvas来做图片的序列帧动画,有一些绑定了鼠标滚轮事件,比如:http://www.clearmotion.com/te...
自己尝试了一下,发现滚动停止时并不平滑,鼠标停马上就停止了
https://jsfiddle.net/Deryckxi...
请问这种如何处理才能实现站上的效果
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
一个想法(实际是不是这样做的就不知道了):每次滚动播放一定的帧数,如果出现连续滚动则要做防抖动处理,并根据滚动距离进行帧的播放。看网站的效果似乎还用了缓动函数,因为滚动一次的时候从开始到停止并不是很流畅。