DragonBones快速入门指南2
2013-07-23 12:16
351 查看
原文地址:http://dragonbones.github.io/getting_started_cn.html#s4
教程2:针对程序开发 在ActionSript项目中应用骨骼动画
在设计师用骨骼动画编辑面板导出好相关格式数据之后,程序开发者就可以运用DragonBones的开源动画框架将数据资源导入到程序并让动画角色运动起来。只需几步操作,非常简单!
接下来,你将了解如何在传统DisplayList或支持GPU加速的Starling框架中调用骨骼动画。
下载Skeleton Animation Library,将这个包导入至你的开发项目中。
在开始代码前,让我们了解下骨骼动画框架的基本概念。
Factory: 这是构建骨骼动画的基础。它负责从前面骨骼面板导出的资源中解析数据格式和准备图像资源,并且通过它创建骨骼容器Armature。
Armature: 我们可以把它想像为一个容器,它对应在Flash Pro中编辑并通过骨骼面板导出的一个MoiveClip。通过Armature来对各骨骼进行管理,播放动画等。
现在我们来看看在在传统DisplayList显示模式中添加骨骼的示例。打开此教程对应的源文件DB_Tutorial_Walk_DisplayList.as。
首先,将骨骼面板导出的资源嵌入到项目。
?
创建factory,并通过fromRawData方法解析载入的资源格式,当解析完毕后交给对应事件textureCompleteHandler处理。
?
?
?
?
?
OK,仅此几行代码,你就可以将骨骼动画添加到已有项目。很简单,不是么?:)
下面我们聊聊在Starling中添加骨骼动画的方法。Starling是一个非常不错的开源游戏框架,它可以帮助你快速创建基于Stage 3D技术GPU加速的2D游戏。如果你对它还不了解,请访问Starling的官方网站:http://starlingframework.org。
使用Starling的用户或许对用Sprite Sheet的位图序列来构建动画非常熟悉,这种方式最大问题是对于复杂动画会占用过多内存。以下图为例,一个简单的行走动作,就会占用一大张位图材质。
而DragonBones解决了这个问题,不但仅需要少量骨骼素材,而且可以让动画更加丰富生动。
DragonBones可以完美的结合Starling,创建基于GPU加速的2D骨骼动画。
打开本示例的项目DBStarlingWalk.as源码你会发现,我们创建了一个基于Starling的factory:
?
关于Starling中嵌入的骨骼动画素材资源,可以是合并骨骼XML数据的PNG格式,也可以是合并XML数据的SWF格式。对于SWF格式的矢量资源,Skeleton Animation Framework会自动在程序运行时转换矢量为位图材质,节省你项目尺寸。
还有一个教程3 没有转载讲解的是创建并控制多个骨骼动画、控制骨骼框架中的每根骨头和实现换转,有需要的朋友可以看原文地址
相关文章推荐
- DragonBones快速入门指南1
- DragonBones快速入门指南
- DragonBones快速入门指南
- Spark快速入门指南 – Spark安装与基础使用
- Windows Embedded Standard 7 快速入门指南 4 of 4
- bootstrap快速入门笔记(四)-less用法指南, mixin和变量
- Netbeans 6.0 CLDC/MIDP开发快速入门指南(二)
- Solaris效力经管工具 SMF快速入门指南(1)
- Oracle RMAN快速入门指南
- AutoIt 快速入门指南 推荐
- Castle ActiveRecord学习实践(1):快速入门指南
- WPF入门指南一:快速入门
- Gradle2.0用户指南翻译——第九章. Groovy 快速入门
- AngularJS快速入门指南18:Application
- 英特尔® 图形性能分析器(Intel® GPA)快速入门指南
- AngularJS快速入门指南19:示例代码
- Oracle RMAN快速入门指南
- 【Clojure入门之windows环境安装】Leiningen快速手动安装指南
- maven3 快速入门指南
- Gradle 教程说明 用户指南 第9章 Groovy----快速入门