需求是制作一个简单的帧动画，图片素材来自一个gif，只有八帧，实现简单的人物动作。做demo时，没找到ccoos的切片工具，便直接用8个图片文件来实现了动画，效果还不错。但是正式项目时，八张图就是八个http请求，会拖慢页面加载速度，于是便回头找cocos做图片切片的方法
    这里要吐槽一个cocos，css有background-position，unity更是自带强大的切片工具，但找了很久，也没找到cocos对应的解决方案~~
    从前天一直拿“cocos 切片”类似的关键字搜索，一直也没找到解决方案~~到是在sprite的sliced浪费了不少时间。。。最后才发现被误导了，这玩意根本不是做图片切片用的，而是做背景图无变形放大用的。。。
    终于，昨天无意间看到一篇文章，提到的cocos的mask组件。。。嗯，就是它了，遮罩
    具体做法也很简单：父节点增加mask组件，然后将图片精灵放在子节点，调整子节点的position属性，就可以实现类似background-position的效果，详细设置见下图

———-
转载请注明出处：http://www.jiangkl.com/2022/06/sequence_animation
————————-
    三天后补充：
    就在我自己拿ps合并了项目里的二十几张小图后，然后呼哧呼哧一顿替换，将项目小图通过前面提得到的mask形式全都全换成了合并后大图，然后继续项目调优。。。然后就看到了cocos高手的调优经验：慎用mask，因为会带来过多的Drawcall。。。调整后的项目，Drawcall是36。。。咕~~(╯﹏╰)b
    同时也在这篇文章里看到了解决小图问题的方案：cocos createor自带“合并图集”的功能。。。
    这就是不好好看教材，直接靠搜代码方案做项目的结果，白费两天时间。。。
    还好上次折腾前，备份了项目。于是直接恢复项目，10分钟不到，就是用“合并图集”完成了减少http请求数的目标——然后打包运行，项目正常！
———-
    反思一下，其实就是没搞清“切图”和“合图”的区别，被自己一知半解的unity经验误导了。。。一直没找到点上
    记得大三时，刚接触汇编语言，有一次作业，需要相似的逻辑，执行10次。虽然当时已经学了c，知道程序里有“循环”可以做这事，可是在简单翻书没找到汇编的“循环”写法以后，下意识以为汇编这种低级语言没有循环，于是手动写了10次代码逻辑。老师看了以后评价：下次作业要执行有个一万次的循环，你要不要也这么写？