cocos精灵切割，帧动画，animation

使用cocos3.8，目前我是没有发现自带的切割啦，有试过找网上的代码切割，发现我自己实现不了

兜兜转转的验证了半天，并没有发现像unity对精灵的切割处理

1.切割

所以很无奈，我使用的是外部的切割：下面是网址切割，用了一下感觉挺好用

图片分割 - 图文工具箱 - imgtool.net

来个ps教程，不需要的跳过切割了：

1.1

拉入图片如果发现是如下的索引，图像->模式->RPG颜色，正常是不会

1.2选择切片工具，对整张图片进行圈选

1.3右击选择这个，然后弹出一个面板，安装自己的需求切割

1.4文件->导出->储存为Web所用格式(旧版)

1.5进行如下两步就可以导出了

1.6弹出个储存路径面板，选择好路径，参数不用修改，点击保存就ok1

2.animation动画的制作

2.1创建一个Sprite(精灵)，挂载上Animation组件，如下

2.2在assets文件下创建一个动画剪辑(Animation Clip)，如下是我创建的

2.3把Animation Clip拖到2.1Animation组件的Clips里，这时候别点击别的，要像如下

两步点击：

2.4点击属性列表的+号->cc.Sprite->spriteFrame

2.5点击一下新创建出来的spriteFrame

2.6如下进行拖入，千万注意要拖到00像图二示意图

2.7滑动滚轮上面的缩放大体为100

2.8直接Crel+A全选，这里会出现个共几张

2.9鼠标要变成左右箭头，把它拉到相应位置，我6张就拉到60,10帧一张图看起来比较顺滑。

2.10补帧

2.11运行这个动画，看起是不是你想要的效果，再进行整体的调整

2.12ctrl+s保存好了就可以退出动画了

3.补充

动画这样就做好了，但是cocos上的状态机(动画间的切换)我实在是用不明白，我是菜了点，但是

用不明白它，对动画的操作：

Cocos Creator 2.4 手册 - 使用脚本控制动画