Cocos2d-x教程 CocoStudio篇 (1) 创建骨骼动画

                                     欢迎加入 Cocos2d-x 交流群: 193411763

CocoStudio是一套基于Cocos2D-X引擎的工具集,我们今天要讲解的是如何结合CocoStudio导出的文件来创建骨骼动画,而CocoStudio这款软件的使用笔者不会讲解,因为这东西不是给程序用的....如果您是搞UI设计或美术策划的,又或者您是技术大牛,那么下面的内容建议您就别看了....

欢迎转载,转载时请注明出处:http://blog.csdn.net/u012945598/article/details/17392871

源码下载地址:http://download.csdn.net/detail/u012945598/6733911

笔者的开发环境是  OS X 10.9 + Xcode5.0 + Cocos2d-x 2.2.1,下面进入正题:

Cocostudio导出的文件一共有三个,分别是.png, .plist , .ExportJson/xml 文件,笔者在网上荡了一份资源...以下便是三个资源文件:


下面我们新建一个项目,将三个文件放在项目的资源文件夹中,想要创建骨骼动画,我们需要使用CCArmature类,armature译为骨骼,我们就称它为骨骼类。骨骼类位于extensions库中,我们来看一下extensions库的文件目录结构:
Cocos2d-x教程 CocoStudio篇 (1) 创建骨骼动画_第1张图片

CCArmature文件位于  extensions/CocoStudio/Armature/animation的目录下,想要使用CCArmature类,我们需要在项目中引入头文件 cocos-ext.h,并且引入命名空间 USING_NS_CC_EXT ,如下图所示:


完成上述操作后,在HelloWorld.cpp的init()函数中加入如下代码:

Cocos2d-x教程 CocoStudio篇 (1) 创建骨骼动画_第2张图片

完成后运行项目,效果图如下:

Cocos2d-x教程 CocoStudio篇 (1) 创建骨骼动画_第3张图片

一个正在走路的牛仔的诞生了。可能有些人对这个创建过程还不是很理解,关键部分笔者在代码中已加备注说明,下面我们来看以下Json文件:


笔者截了一个Json文件的开头部分,可以看到数据里面有一项 “name”对应的值是“Cowboy”,这个Cowboy便是我们需要的文件名,在代码中的CCArmature::Create()部分。

动画部分的Json文件如下图:


这部分的文件里面含有"mov_data",里面的内容为动作,笔者所用的素材中第一个动作为Walk,我们可以通过

armature->getAnimation()->play("Walk")的方式来执行动作,也可以通过

armature->getAnimation()->playByIndex(0)方式执行,笔者所使用的Json文件中一共包含了四种动作,四种动作都具有name的属性,也都可以通过编号来访问。

这就是最简单的骨骼动画的创建方法了,更多内容请看后续博文....



你可能感兴趣的:(cocos2d-x,骨骼动画,cocostudio,文件使用,CCArmature,如何使用CocoStudio,马宗扬)