blender导出GLB动画,导入threeJS动画错位的解决方法

作者: TAIS3 分类: threeJS 发布时间: 2023-06-16 14:02

在一个WEBGL项目里面,基于threeJS,需要使用到3D动画,在使用blender导出GLB的模型后,在电脑上面打开模型,可以看到动画!(模型涉密不展示)

但是在导入到WEB上面却发现,动画的部件都脱节了,发生了90°的X轴偏移!各种查资料,转换角度无效。

后来在PC上面看到有动画列表,只有动画1是正常的,其余动画都是静止状态,而且与90°的X轴偏移一致,于是尝试,只获取第一个动画。

代码参考

//正常代码

element.animations.forEach((clip) => {
     animationAction = mixer.clipAction(clip);
     animationAction.play();
});

//修改后代码
mixer = new THREE.AnimationMixer(element);
animationAction = mixer.clipAction(element.animations[0]);

 

一切正常,暂时不知道是什么原因导致的!

发表回复