cocos creator帧动画 对齐

在cocos creator中使用帧动画（spriteFrame）时，如果只使用默认的设置，帧会以锚点为中心来刷新，比如一个角色一刀砍出，会发现刀只伸了一半，角色向反方向移动了另一半；我们要的不是这种效果。

 

先看一下演示动画：cocoscreator 帧动画对齐演示

动画素材由爱给网提供

动画中，我们要达到的效果是角色向右脚前踏一步，砍一刀；

而错误的示范中，角色原地不动，左脚跑到后面，很不自然。

 

原因就是在帧动画设置的过程中，只使用了默认的设置：

 

要想达到踏出一步的效果，就要用到动画的另一个属性：positon：

 

第一个position节点设置在原地

第二个position节点向下拉一拉，使第二帧的左脚与第一帧的左脚对齐

这样就达到了踏出右脚的效果

 

最后一个position节点返回原地，将右脚收回。

 

还有需要注意的一点是，将position的转换模式设置为constant，不然线性移动就太奇怪了。