blender导出GLB动画,导入threeJS动画错位的解决方法
在一个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]);
一切正常,暂时不知道是什么原因导致的!

