动画

美术动画切片

动画切片(AnimationClip) 为一段时间轴上的动画组合,可以是多个物体的旋转、位移、缩放、权重动画,如走路、跑步、跳跃可以分别导出 3 个动画切片;Galacean 引擎可以选择播放哪一个动画切片,前提是建模软件导出的 FBX 或者 glTF 里面包含多个动画切片。

为减少沟通成本,本文列举了几种常见的动画切片方法,导出 glTF 方便 Galacean 引擎直接使用,也可以通过 glTF 预览 页面进行功能校验。

Blender 的动画编辑页面非常友好,能够清晰地可视化显示受动画影响的节点,并且在时间轴上显示关键帧,因此推荐使用 Blender 进行动画切片。

Blender

  1. 打开 Blender,导入 Blender 支持的模型格式,然后切换到 动画编辑 窗口:

image.png

  1. 通过上图的 “新建动画切片”按钮,可以快速的复制当前动画切片,然后进行独有的操作,如果没有显示该按钮,请确保打开了 “动作编辑器”:

image.png

举例,新建了一个名为 animation_copy 的动画切片,然后只保留最后 5 帧动画:

image.png image.png image.png

导出的切片时间轴必须一致,可以通过右下角或者输出属性两个地方进行配置:

image.png image.png
  1. 因为时间轴必须一致,因此需要将刚才切的动画切片,都移到起始帧,拖拽即可:
image.png image.png
  1. 至此,动画切片已经准备完成,导出 glTF 或者 FBX ,接入 Galacean 引擎即可:
image.png image.png

Unity 也可以导出动画切片,但是效率比较低。

Unity

插件:AntG-Unity-Plugin.unitypackage.zip

  1. 下载插件。

  2. 打开 Unity 。

  3. 双击插件, Import 默认框选选项:

image.png

若安装成功,可以看到菜单栏多出 AntG 选项:

image.png
  1. 把需要切片的 FBX 文件拖拽进资源栏:
image.png
  1. 单击该资源,出现动画调试预览框。增加动画切片,并根据需求调整每个切片的时间轴 startend,如果预览动画效果异常,确认没有勾选 Resample Curves 这个默认开启选项,切片完成后,记得点击右下角的 Apply 确认按钮。
image.png image.png
  1. 至此,动画切片资源已经制作完毕,接下来介绍如何导出,先将该资源拖拽到节点树中:
image.png
  1. 然后给该节点增加 Animator Component:
image.png
  1. 可以看到,Animator 组件需要绑定一个 Animator Controller 资源,因此我们需要在资源栏新建一个 Animator Controller 资源:
image.png
  1. 双击该 controller 资源,将我们之前的动画切片拖拽进去:
image.png
  1. Animator Controller 资源制作完毕,绑定到刚才的 Component 上:
image.png
  1. 右键该节点,选择导出 AntG:
image.png
  1. 至此,制作的动画切片 glTF 文件导出完毕,可以访问 Galacean 的 glTF 预览 进行功能校验。
最后更新于 七月 11, 2024

这篇文档对您有帮助吗?

On this page