原文链接: cocos 数字滚动
上一篇: 使用canvas做纯色或渐变色图片优化 img图片拉伸
下一篇: 一个比较好看的彩带飘飞和点击效果 canvas实现
效果如下
基本思想, 用mask只显示图片中的一个字符, 每次加减使用tween动画移动里面的图片, 如果移动到0或者9, 移动结束后归位, 这样就造成了无限移动的假象, 这个技巧居然是动效小姐姐教我的 -_-||
注意复原的时候需要在该次动效执行完成后再执行, 然后就是为了逻辑简单, 最好是在移动过程中禁止点击...
首先借助之前那个web的数字滚动生成竖条的数字, 注意首尾都多了一个数字, 用作循环使用
https://my.oschina.net/ahaoboy/blog/4758127
// 生成竖条的数字
const c =