手把手教你使用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,下一步教大家如何把刚做的文件加入到你的游戏中,之后再讲如何给这个动画人物添加骨骼动画。

个人原创,转载请注明出处http://www.cnblogs.com/lovegame/admin/EditPosts.aspx?postid=2722626

posted @ 2012-10-15 10:55  豆奶哥哥  阅读(5503)  评论(6编辑  收藏  举报