骨骼动画

DragonBones是开源的2D骨骼动画解决方案，青瓷引擎支持DragonBones骨骼动画数据格式。
你可以通过阅读DragonBones快速入门指南学习如何安装以及在项目中使用DragonBones。

所需软件

制作注意事项

  1. 每个图层里面的单独帧只能带一个元件，如果要复制元件，必须新建图层。
    注意1
  2. 每张图片最好只转换一次元件，如果同一张图片转换为2次元件，那么导出时就变成2张同样的图片
  3. 同个图层里面不同帧中，如果有不同元件时，注意不要连续创建不同元件，应多建一个图层，在不同的图层进行编辑
    注意2
  4. 制作时，一定要在图层里进行动作帧命名
    注意3
  5. 文件规范与命名
    • 不要带中文
    • 一般默认3个目录：元件目录、图片目录、总元件目录
      注意3

导出骨骼动画

  1. 打开插件
    打开插件

  2. 打开后，选择导入
    如果遇到提示：没有导入对象时，那么请注意：

    • 双击动作元件，进行尝试
    • 检查动作图层里面是否对动作进行命名了

    导出后的面板如下图：
    面板

  3. 编辑导出后的动作
    编辑

    • 设置混合时间为0
    • 播放次数中1代表播放一次，0代表循环播放
  4. 动作设置完成后，在播放面板中对动作进行检查预览，确认无误
    检查
  5. 选择导出按钮：
    导出
    • 数据格式选择：JSON
    • 纹理格式选择：PNG
    • 如果制作中图片觉得太大，可以去改变缩放比
  6. 这样我们得到3个文件：
    • skeleton.json - 动作描述文件
    • texture.json - 图集描述文件
    • texture.png - 图集

导入青瓷引擎工程 - 方案1：

  1. 修改3个文件名，使其具有相同的前缀名，例如panda
    • skeleton.json -> panda.ani
    • texture.json -> panda.json
    • texture.png -> panda.png
  2. 将这3个文件拖入Project工程的Assets/monster目录中，导入完成

视频演示：

导入青瓷引擎工程 - 方案2：

  1. 打开资源导入面板：
    import
  2. 将skeleton.json、texture.json、texture.png拖入到面板中，设置好骨骼动画名称、路径后，导入：
    import

视频演示：

帧采样

通过采样，可以大大提升渲染效率和降低CPU运算。采样后的骨骼动画使用方式保持一致。

  1. 选择需要做帧采样的骨骼动画
  2. 点击Sampled按钮，帧采样完成
    import

视频演示：