我明白你研究两天却只导出单个动画的挫败感——多动画glTF的导出确实需要严格遵循几个关键步骤，尤其是要适配A-Frame的播放逻辑。下面是经过验证的完整工作流：

一、Blender中整理独立动画片段 #

首先要确保每个动画都是独立的Action（动作），这是导出多动画的基础：

• 拆分动作：如果你的所有动画都在同一个Action里，打开动作编辑器，选中当前动作，点击顶部菜单的 Action > Duplicate Action，然后分别修剪每个副本的关键帧范围，只保留对应动画片段的帧。
• 命名规范：给每个Action起清晰、无特殊字符的名字（比如idle、walk、jump），A-Frame后续会直接用这些名字调用动画，注意大小写敏感。
• 关联验证：选中你的模型，在动作编辑器的下拉菜单里确认所有需要导出的Action都关联到该模型，避免动作归属错误。

二、配置Khronos glTF 2.0导出器 #

这一步是核心，之前只导出单个动画大概率是这里的设置出了问题：

1. 打开导出窗口：File > Export > glTF 2.0
2. 找到Animation设置面板，调整以下选项：
   • 务必勾选Export Animations
   • 绝对不要勾选Single Animation——这个选项会强制把所有动作合并成一个，直接导致多动画丢失
   • Frame Range选择All Actions，这样所有关联的动作都会被导出（如果只想导出部分动作，可以手动选择对应的Action）
   • 保持Animation Sampling默认设置即可，除非你需要调整动画的精度
3. 其他常规设置：比如勾选Export Selected（仅导出选中的模型），格式选择glTF Binary (.glb)或glTF Separate，A-Frame对这两种格式都完美支持。

三、验证导出的glTF文件 #

导出后可以简单验证一下：

• 在Blender中重新导入导出的glTF文件，打开动作编辑器，确认所有之前命名的动画片段都存在，确保导出没有遗漏。

四、A-Frame中加载与控制多动画 #

A-Frame通过animation-mixer组件来处理glTF的多动画，用法如下：

1. 初始加载并播放默认动画 #

<a-scene>
  <a-entity
    id="playerModel"
    gltf-model="#yourModelAsset"
    animation-mixer="clip: idle; loop: repeat"
  ></a-entity>

  <!-- 定义模型资源 -->
  <a-assets>
    <a-asset-item id="yourModelAsset" src="./your-model.glb"></a-asset-item>
  </a-assets>
</a-scene>

这里的clip参数对应Blender里Action的名字，loop: repeat设置动画循环播放。

2. 动态切换动画 #

可以通过JavaScript监听事件或用户交互来切换动画：

// 获取模型实体
const modelEl = document.querySelector('#playerModel');

// 比如监听按钮点击切换到walk动画
document.querySelector('#walkBtn').addEventListener('click', () => {
  modelEl.setAttribute('animation-mixer', {
    clip: 'walk',
    loop: 'repeat',
    crossFadeDuration: 0.5 // 可选：设置动画过渡时长，让切换更平滑
  });
});

常见问题排查 #

• 导出后仍只有单个动画：检查是否误勾选了Single Animation，或者部分Action没有正确关联到目标模型（比如动作属于场景中的其他物体）。
• A-Frame中找不到指定动画：确认Blender里的Action名字和A-Frame中clip参数完全一致，包括大小写和特殊字符（尽量不要用特殊字符）。
• 动画播放异常：检查Blender中的关键帧是否存在冗余，导出时的Animation Sampling是否设置过低导致动画卡顿。

内容的提问来源于stack exchange，提问作者debcat