DragonBones Pro(骨骼动画编辑器) v5.6.0 官方最新版

Dragon Bones插件是一款专业的骨骼动画设计软件，新版本增加了序列帧原件、克隆元件、支持导出二进制格式，H5运行库性能大幅提升，基于Flash Pro的骨骼动画编辑面板,快速创建2D骨骼动画，是开发者比较常用的软件，推荐从事动画设计的朋友下载！

软件特点：

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

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

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

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

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

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

7、实用于解决cocos2d-x动画实现，可以在少量关键帧，资源，内存的情况下实现平滑的动画，自动补间，从此以后动画实现就交给美术吧，因为只需要flash上编辑动画就可以在cocos2d-x上运行。这个包里面是CSArmature喝DragonBones2.0，用过的都知道这两个要版本对应。

Dragon Bones新功能

1. 新增序列帧元件类型，更方便更直观的制作序列帧动画。

2. 支持导出二进制格式，H5运行库性能大幅提升。

3. 为元件增加画布属性，可以设置元件的边框和背景色。

4. 新增克隆元件的功能。

5. 多选网格点，也可以按Ctrl+数字编组。

6. 将发布网页的功能集成到导出面板中。(导出HTML，类型选择"发布")

7. 降低在线检测的频率，离线状态也可以保存项目。

8. 优化ps导入插件，解决有时从ps导入的图片尺寸过大无法显示的问题。

9. 右键点击时间轴空白处就能够在两帧之间创建补间

10. 导出成功后弹出的提示窗口上，点击导出路径后，提示窗口会自动关闭。

Dragon Bones使用教程

1、导入 DragonBones 骨骼动画资源

DragonBones 骨骼动画资源有：

.json 骨骼数据

.json 图集数据

.png 图集纹理

2、创建骨骼动画资源

在场景中使用 DragonBones 骨骼动画资源需要两个步骤：

1. 创建节点并添加 DragonBones 组件，可以通过三种方式实现：

第一种方式：从 资源管理器 里将骨骼动画资源拖动到 层级管理器 中:

第二种方式：从 资源管理器 里将骨骼动画资源拖动到 场景 中:

第三种方式：从 资源管理器 里将骨骼动画资源拖动到已创建 DragonBones 组件的 Dragon Asset 属性中：

2. 为 DragonBones 组件设置图集数据

从 资源管理器 里将图集数据拖动到 DragonBones 组件的 Dragon Atlas Asset 属性中：

3、在项目中的存放

为了提高资源管理效率，建议将导入的资源文件存放在单独的目录下，不要和其他资源混在一起。

DragonBones使用说明

1、洋葱皮

洋葱皮是DragonBones Pro 4.1 新增加的功能。开启洋葱皮功能后，会同时显示前后N帧(默认为3帧)的影图，方便动画师更好的定位角色动作，使连续动画更流畅。

进入动画模式，点击时间轴工具栏上的洋葱皮按钮开启洋葱皮功能，如下图：

洋葱皮功能开启后，主场景上的动画出现蓝色(前导帧)和红色(后续帧)的影图。如下图：

同时，时间轴的绿色播放指针会出现前后默认覆盖3帧的洋葱皮显示区域，左侧的调整手柄为红色，右侧的调整手柄为蓝色。如下图：

拖动蓝色或红色手柄可以调整蓝色或红色洋葱皮显示的帧的多少。覆盖的帧数越多，在主场景中显示的影图越多。洋葱皮显示区会随着绿色播放指针的移动而移动。

动画播放过程中，绿色播放指针上的洋葱皮显示区域会隐藏。主场景上，红色和蓝色的影图会随原始动画一起播放，蓝色影图的动画动作超前于原始动画，红色影图的动画动作后滞于原始动画。

2、曲线编辑器

DragonBones 4.1 新添加了曲线编辑器面板，在这个面板中，您可以对帧与帧间的补间应用曲线来实现不同的补间效果。

进入动画模式，选中一个关键帧(其后含有补间的关键帧)，然后点击时间轴上的曲线按钮。如下图：

曲线编辑器面板打开，如下图：

拖动上下的两个手柄可以手动调整曲线。

面板右下方为预置曲线设置

由由左到右依次为，无，线性，淡入，淡出，淡入淡出。每个预设的曲线图如下：

应用曲线后的时间轴如下图：

3、网格

创建网格

选中插槽或插槽内的图片，在属性面板，点击转换成网格按钮。

图片转换为网格后，插槽和图片的属性面板如下

点击“编辑网格”按钮，便可以打开网格编辑器面板，开始编辑网格。

点击“重置网格”按钮，网格中图片和网格顶点的对应关系会被重置，图片会恢复原有的形状。

点击“转换为图片”按钮，可以将网格重新转换回图片。

网格编辑器

下方工具栏由左至右依次是：

顶点数：显示网格中顶点的个数

编辑工具：用来移动顶点(快捷键为Q)

添加工具：用来添加顶点(快捷键为W)

删除工具：用来删除顶点(快捷键为E)

边线工具：用来勾画网格边线的工具。注意，使用这个工具时，原有的顶点和边线会被全部清除。

重置工具：顶点会被重置为默认状态和数量。(四个顶点分居正方形的四个角)

使用添加工具可以添加顶点，通过拖拽还可以添加自定义连线。如下图

A或B点和四个角的顶点间的连线是灰色的，这是自动生成的连线。

A和B之间的连线是黄色的，这是通过拖拽生成的自定义连线。

常用快捷键

撤销 Ctrl + Z

重做 Ctrl + Y Ctrl + Shift + Z

删除骨骼/插槽/图片/关键帧 Delete Backspace

选择工具 V

Pose工具 P

移动工具 H

创建骨骼工具 N

插槽上移一层 [

插槽下移一层]

新建项目 Ctrl + N

打开项目 Ctrl + O

保存项目 Ctrl + S

导入 Ctrl + I

导出 Ctrl + E

播放动画 Enter

预览Ctrl + Enter

添加/更新关键帧 K

复制关键帧 Ctrl + C

粘贴关键帧 Ctrl + V

更新日志

【新特性】新增曲线编辑器，用于制作动画缓动效果

【新特性】新增洋葱皮工具，方便动画前后帧对位

【新特性】新增IK Pose工具，给角色摆姿势更方便

【新特性】新增Egret H5 预览功能，真正的所见即所得

【新特性】增强纹理导出功能

【新特性】场景支持元件多选，时间轴支持帧多选

【新特性】AS TS运行库增加极速模式，性能大幅提升

【修复】修复了DB Pro中骨架无法改名的bug

【修复】修复了个别flash转换的动画播放时闪动的bug