glTF 2.0动画无法运行：THREE.Matrix3求逆报错求助

这个警告我之前帮不少开发者排查过，本质是Three.js在计算动画变换时遇到了不可逆的奇异矩阵——大多和你Blender里的物体变换设置有关，虽然模型能正常显示，但动画会因为矩阵计算异常卡住。结合你用Blender制作模型的场景，给你几个针对性的解决步骤：

1. 优先处理Blender里的物体缩放（最常见原因） #

这个问题90%的情况都是物体缩放没应用导致的：

• 选中你的圆环（如果有父物体也要一起选中），按Ctrl+A，选择应用缩放，确保物体的缩放参数回到(1,1,1)。
• 为啥这么重要？如果物体有非均匀缩放（比如某一轴缩成0），或者缩放值为0，导出的glTF会携带奇异矩阵，Three.js在计算动画逆变换时就会触发这个警告。

2. 检查动画关键帧的异常值 #

打开Blender的动作编辑器，仔细查看圆环的动画曲线：

• 有没有缩放通道（Scale）里出现0的关键帧？如果有，把这些关键帧的缩放值改成极小的正数（比如0.001），或者直接删除错误的关键帧。
• 检查位置、旋转关键帧，有没有极端的变换值（比如瞬间移动到很远的位置），这类异常也可能导致矩阵计算出错。

3. 调整glTF导出设置 #

导出模型时，在Blender的glTF导出面板里：

• 勾选应用变换选项，这个选项会把物体的所有变换（位置、旋转、缩放）直接应用到网格数据上，避免导出带问题的变换矩阵。
• 确保动画选项下的设置正确，比如勾选了你要导出的动作，没有遗漏关键帧范围。

4. Three.js加载后的应急处理 #

如果上面的步骤还没解决，加载模型后可以手动修正物体矩阵：

// 假设你获取到了圆环的Mesh对象
const ringMesh = model.getObjectByName('你的圆环名称');
// 重置缩放并更新矩阵
ringMesh.scale.set(1, 1, 1);
ringMesh.updateMatrix();
// 再初始化动画混合器
const mixer = new THREE.AnimationMixer(ringMesh);
const action = mixer.clipAction(yourAnimationClip);
action.play();

按照这个流程排查，基本能解决矩阵不可逆的问题，让动画正常运行。

内容的提问来源于stack exchange，提问作者Piotr Adam Milewski