ThreeJS使用GLTFExporter导出动画场景失败如何解决？

• 核心原因：GLTFExporter导出动画时需要通过动画轨道的目标名称匹配场景中的对应节点，你当前创建的所有关键帧轨道仅使用了.position这类相对路径，没有关联动画作用的目标对象smallSphere，导出器无法定位动画生效的节点，最终导出的动画数据不符合GLTF规范，导致查看器报错。
• 次要原因：GLTF 2.0核心规范原生不支持材质颜色、透明度属性的动画，这类轨道需要依赖KHR_animation_pointer扩展才能正常导出，若版本不匹配也可能引发导出异常。

按以下步骤修改代码即可正常导出动画：

1. 给所有关键帧轨道添加目标对象名称前缀，你代码中小球的name属性为SmallSphere，因此修改轨道路径如下：

// 修改所有关键帧轨道的路径前缀
const positionKF = new THREE.VectorKeyframeTrack('SmallSphere.position', [0, 1, 2], [0, 90, 60, 30, 0, 60, 70, 40, 50]);
const scaleKF = new THREE.VectorKeyframeTrack('SmallSphere.scale', [0, 1, 2], [1, 1, 1, 2, 2, 2, 1, 1, 1]);
const quaternionKF = new THREE.QuaternionKeyframeTrack('SmallSphere.quaternion', [0, 1, 2], [qInitial.x, qInitial.y, qInitial.z, qInitial.w, qFinal.x, qFinal.y, qFinal.z, qFinal.w, qInitial.x, qInitial.y, qInitial.z, qInitial.w]);

2. 若不需要材质动画，可暂时删除colorKF和opacityKF两个轨道排除干扰；若需要保留材质动画，确保你使用的ThreeJS版本≥r151，已经开启的includeCustomExtensions: true配置会自动启用对应的扩展支持材质动画导出。
3. 也可以选择不修改轨道路径，在创建完AnimationClip之后统一给所有轨道指定目标名称：

clip = new THREE.AnimationClip('Action', 3, [scaleKF, positionKF, quaternionKF, colorKF, opacityKF]);
// 新增这段代码，统一指定轨道目标
clip.tracks.forEach(track => {
  track.targetName = 'SmallSphere';
});

修改完成后重新导出，即可得到包含有效动画的GLTF/GLB文件，可正常在GLTF查看器中加载播放。

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