骨骼动画
DragonBones是开源的2D骨骼动画解决方案,青瓷引擎支持DragonBones骨骼动画数据格式。
你可以通过阅读DragonBones快速入门指南学习如何安装以及在项目中使用DragonBones。
所需软件
制作注意事项
- 每个图层里面的单独帧只能带一个元件,如果要复制元件,必须新建图层。
- 每张图片最好只转换一次元件,如果同一张图片转换为2次元件,那么导出时就变成2张同样的图片
- 同个图层里面不同帧中,如果有不同元件时,注意不要连续创建不同元件,应多建一个图层,在不同的图层进行编辑
- 制作时,一定要在图层里进行动作帧命名
- 文件规范与命名
- 不要带中文
- 一般默认3个目录:元件目录、图片目录、总元件目录
导出骨骼动画
- 打开插件
打开后,选择导入
如果遇到提示:没有导入对象时,那么请注意:- 双击动作元件,进行尝试
- 检查动作图层里面是否对动作进行命名了
导出后的面板如下图:
编辑导出后的动作
- 设置混合时间为0
- 播放次数中1代表播放一次,0代表循环播放
- 动作设置完成后,在播放面板中对动作进行检查预览,确认无误
- 选择导出按钮:
- 数据格式选择:JSON
- 纹理格式选择:PNG
- 如果制作中图片觉得太大,可以去改变缩放比
- 这样我们得到3个文件:
- skeleton.json - 动作描述文件
- texture.json - 图集描述文件
- texture.png - 图集
导入青瓷引擎工程 - 方案1:
- 修改3个文件名,使其具有相同的前缀名,例如panda
- skeleton.json -> panda.ani
- texture.json -> panda.json
- texture.png -> panda.png
- 将这3个文件拖入Project工程的Assets/monster目录中,导入完成
视频演示:
导入青瓷引擎工程 - 方案2:
- 打开资源导入面板:
- 将skeleton.json、texture.json、texture.png拖入到面板中,设置好骨骼动画名称、路径后,导入:
视频演示:
帧采样
通过采样,可以大大提升渲染效率和降低CPU运算。采样后的骨骼动画使用方式保持一致。
- 选择需要做帧采样的骨骼动画
- 点击Sampled按钮,帧采样完成
视频演示: