
因为楼上已经提到了使用Atlas纹理和使用外部图片处理软件来分割的方式,我就在下面补充另外两种方式吧。分别是:使用使用Sprite节点和使用AnimatedSprite节点
先看Sprite节点,如图所示,下图是动态图,手机贴吧需要点击查看:

在上图中可以看到,Sprite节点有Vframes属性(垂直分割数量)和Hframes属性(水平分割数量),可以用来分割动画帧,然后通过Frames属性来控制动画帧。当然这种方式比较复杂,需要自己计算分割数量

而下面介绍的使用AnimatedSprite节点,就比较直观,不用去计算分割数量,如图所示,下图是动态图,手机贴吧需要点击查看:

在上图中可以看到,AnimatedSprite在分割动画帧时,会显示网格线,这样就可以通过调整数值来直观的看到分割效果,不用自己去计算分割数了,

这里直接以楼主的图为例子,测试出了其中不同的图块的分割数量:
水平11,垂直10:角色的动画帧
水平21,垂直12:NPC的动画帧
水平21,垂直19:金币的动画帧
(在上图动态图中也可以看到)