Blender导出的glTF动画不播放、模型无法旋转，寻求技术解决方法

动画不播放的修复步骤 #

• 检查Blender导出配置
  • 导出glTF时，必须勾选「动画」选项（位于导出面板的Animation栏目）；若为骨骼动画，需同时勾选「Armature」，有形状键动画的话还要勾选「Shape Keys」。
  • 确认动画范围设置：要么指定正确的起始/结束帧，要么勾选「All Actions」导出所有已创建的动作。
• 验证glTF文件有效性
  • 使用本地版glTF Validator检查文件，排查动画数据缺失、轨道引用失效等错误。
• 加载端启用动画逻辑
  • 若用Three.js加载，需手动初始化动画混合器并启动播放：

    const mixer = new THREE.AnimationMixer(model);
    model.animations.forEach(clip => mixer.clipAction(clip).play());
    
    // 帧循环中更新混合器
    function animate() {
      requestAnimationFrame(animate);
      mixer.update(0.01);
      renderer.render(scene, camera);
    }
    

模型无法旋转的修复步骤 #

• Blender中应用变换
  • 选中模型根对象，按Ctrl+Alt+Shift+C，依次应用「位置」「旋转」「缩放」变换，避免导出后变换数据异常导致交互失效。
• 加载端添加交互控制器
  • 若为自定义加载代码，需引入轨道控制器实现旋转交互：

    import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
    const controls = new OrbitControls(camera, renderer.domElement);
    controls.enableDamping = true; // 开启平滑阻尼提升体验
    

通用排查要点 #

• 用本地glTF查看器加载文件，判断问题出在文件本身还是加载逻辑：如果官方查看器能正常运行，说明是你的加载代码或主机配置问题；若仍异常，让朋友重新检查导出设置。
• 若为分离式.gltf文件，确保所有关联的.bin、纹理文件都上传到主机同一目录，路径无错误。

内容的提问来源于stack exchange，提问作者Glen Feucht