手把手教你使用cocosbuilder在cocos2d-x中建立单独骨骼动画文件（一）

这是我的开园第一篇博客，写得不好请各位见谅。闲话不多说，进入正题

第一步：准备工作，这里前提是你已经装好了cocos2d－x2.0.3版本（此版本才支持骨骼动画），cocosbuilder 2.1版本工具下载地址（必须是2.1版本）

http://cocosbuilder.com/

下载后打开工具界面如下

中间面板是显示窗口，面板下面部分是时间线动画编辑窗口，其他部分就不一一介绍，后续教程中大家都会接触到。

第二步：建立骨骼动画文件

因为我们这里只需要使用骨骼动画，不需要场景和菜单，所以这边根节点使用ccnode类型。

点击file->new project...建立一个新的工程，这里要选择一个空的文件夹

 

save保存。

下面会看见这样的界面

左边的ccb文件就是你以后要使用的ccbuilder文件 ccbResources下都是你的资源文件

下面我们新建一个ccb文件

点击file->new file,会弹出以下界面，

 

因为我们是单独的骨骼动画文件，所以根节点我们选择ccnode就好了，并且一定要把full screen的勾选去掉

ok，点击create。

写个文件名保存，因为以后可能会有很多单独的动画文件，所以命名的时候最好写清楚文件名字，做到看文件明白用途。

完后左边窗口会多处刚刚新建的ccb文件

 

第三步：加载资源文件

这边我们直接拷贝cocos2d-x包中TestCpp中的资源，找到目录

拷贝

这两个文件到刚新建的工程ccbResources文件夹下

展开cocosbuilder的ccbResources文件夹，可以看见刚拷贝的文件已经在里面了

第四步：开始建立我们的动画

 点击中间上方图标

添加一个ccsprite，上方一排的图标是添加快捷键，其他的以后其他教程再做介绍

这里开始添加我们player动画的第一个部分，身体

点击后可以看见中间加入了这个东西

中间左下角部分ccnode节点下也加入了ccsprite的节点

 ok，下面给我们的ccsprite加入贴图

点中刚加入的ccsprite，可以看见右侧有一排属性编辑出现

我们选择sprite frame 点击选框，

选择grossini－body.png

 

ok,我们的plaer已经有躯体了

感觉是被车裂过的。。。。。没关系，我们继续给他添加头、手、脚，方法同上。

最终形态是

我们的player已经完整了，当然还少了五官，以后再慢慢加，大家可以看见，ccnode节点下已经加入了一排的ccsprite，这些就是player的手脚头身各部分。ok,下一步教大家如何把刚做的文件加入到你的游戏中，之后再讲如何给这个动画人物添加骨骼动画。