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]);
一切正常,暂时不知道是什么原因导致的!