android 骨骼动画教程,使用DragonBones开发FLASH骨骼动画入门教程

转载自：http://dragonbones.github.io/getting_started_cn.html

DragonBones快速入门指南

DragonBones快速入门指南采用知识共享协议3.0版本。

目录

DragonBones是什么？

DragonBones是一套开源的 2D骨骼动画框架和工具，它包含了基于Flash Pro的骨骼动画编辑面板DragonBonesDesignPanel及骨骼动画ActionScript框架。

它可以让开发者运用熟悉的Flash Pro元件及时间轴编辑方式，快速创建2D骨骼动画，并运用到Flash或其他技术的应用中。

Features

动画基于Flash pro时间轴，可以使用Flash传统动画方式制作游戏动画；

骨骼绑定可以让动画更精准，更真实自然，并可通过程序动态控制；

可设置单个骨骼的动画时间缩放和延时播放，使用较少的关键帧就可以表现复杂生动的动画效果；

动画各部分采用拼接方式，动画有缓动补间，占用位图／内存资源少；

骨骼显示对象与骨骼的逻辑分离，可在不影响动画播放的情况下动态更换；

能方便用于传统DisplayList、Starling及其他技术的2D应用。

下载与安装设置

从这儿获取Adobe Flash Pro 5.5或以上版本

下载最新的DragonBones release 包，安装支持Flash Pro的骨骼面板扩展插件SkeletonDesignPanel.zxp (注：此插件目前仅支持Flash Pro5.5及以上版本)， 获取骨骼动画ActionScript库SkeletonAnimationLibrary。

在后续的教程中，我们将使用这套框架来动态显示由Flash Pro设计的骨骼动画。

教程源码下载

接下来，我们将通过几个简单的教程快速了解DragonBones的用法。

请从这里下载本教程相关源码。

教程1：针对设计师使用DragonBones在Flash Pro中创建骨骼动画

作为设计师，你只需要准备好动画角色的各个部分，在Flash Pro的时间轴中把他们有序组装起来、设置好动作关键帧并运用DragonBones的骨骼动画编辑面板搞定一切。

在下载并安装完毕骨骼面板的Flash Pro扩展插件后，启动Flash Pro。打开教程源码下载包中的DragonBones_tutorial_Start.fla文件。

打开库面板，你可以看到此示例的相关资源。

在parts目录中包含的是组成动画Dragon的各个元件，从命名可以直观的了解到它们对应的龙的各个部分。良好的元件命名是个好习惯，不是么？:)

双击库面板中的MovieClip元件Dragon进入时间轴编辑模式。我们需要详细了解这个动画的组成，它有助于后面骨骼动画编辑。

请留意时间轴上的各层的命名，我们是以骨骼各个部分来命名的。骨骼动画面板将自动根据层的命名来识别组成骨骼的各个部分。

另外需要注意的是层label，我们添加了标签“walk”用来说明当前时间轴表示的动作。如果由多个动作，请在对应动作起始位置添加标签来说明。标签层必须位于最上层，这一点非常重要！骨骼动画面板将按照标签来读取并设定动作。

你发现时间轴上并没有添加补间？是的，你仅仅需要在时间轴上设置关键帧上各元件的位置，剩下的工作都可以在骨骼面板中完成。

当然，作为设计师的你，可以按你的习惯做好完整的补间动画，骨骼面板同样可以按照你的动画原样导入。(注：目前版本的DragonBones仅支持传统补间，新补间将在后续版本中支持)

当你按上述要求准备好动画，就可以点击Flash Pro菜单中的Window>Other Panels>DragonBonesDesignPanel打开骨骼动画编辑面板，我们将在接下来的操作中详细说明骨骼动画编辑面板的使用。