前两篇文章只讲了基本的ccb骨骼文件建立方法,ok,现在开始要教大家如何做骨骼动画了,如果单有骨骼没有动画,那这个方法就失去意义了。

下面我们还是一步步来。

首先第一步:给ccb文件添加动作动画。

打开cocosbuilder,打开之前我们建立的playerAni.ccb文件

这里添加动画有两种方法,一种点击菜单栏的Animation->Edit Timeliners...添加

 

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第1张图片

另一种是点击时间线编辑框的右上角按钮

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第2张图片  

 这个按钮

点击之后弹出界面

 

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第3张图片

我们把第一个标签的名字改掉,比如我们先做一个挥手的动画,那么我们起名叫wave,后续的动画都可以点左下角+号添加

同时autoplay上的勾选去掉,这个表示加载此文件的时候是否自动播放此动画,我们当然不需要,所以去掉,然后点击Done

 

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第4张图片

好,现在看见,窗口中的名字也改变了

 

然后还是点击编辑按钮

点击set Timeline Duration

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第5张图片

设置此动画的时间长度

 

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第6张图片

这里我们设置为2秒

接下来编辑动画

选中左手部分

 

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第7张图片

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第8张图片

先把左手的anchor点移动到手臂的最上端位置

右手臂也一样

然后点击Animation->insert keyframe->Rotation

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第9张图片

 

或者直接按快捷键R,添加关键帧。头尾出分别插入关键帧,中间再插入一个

 

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第10张图片

点击到中间关键帧,修改相应Rotation数据为80

 

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第11张图片

同样设置右手臂动画

手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件(三)_第12张图片

 

这样动画就设置完了。

保存导出.ccbi文件

 下一节最后一节将讲解如何在游戏中播放动画,

cocosbuilder工程文件在附件中。