如何在threejs中加载belnder模型的关键帧

一、Blender 中准备关键帧动画

1. 创建动画

   • 在 Blender 中为物体或骨骼添加关键帧（位置、旋转、缩放），确保时间轴上有关键帧标记。

   • 若使用骨骼动画，需确保骨骼权重（Weight Paint）正确绑定到网格。

2. 验证动画

   • 按空格键播放时间轴，确认动画效果正确。

3. 命名动画（可选但推荐）

   • 在 Action Editor 中为动画命名（如 Idle、Walk），方便在 Three.js 中调用。

二、导出为 Three.js 支持的格式（推荐 glTF/GLB）

1. 安装 glTF 导出插件（若未默认安装）

   • Blender 3.0+ 已内置 glTF 2.0 导出插件，无需额外安装。

2. 导出设置

   • 进入 File > Export > glTF 2.0 (.glb/.gltf)。

   • 关键配置：

     • Include: 勾选 Selected Objects（仅导出选中物体）或 Scene（导出整个场景）。

     • Animation: 勾选 Animations，确认关键帧范围正确。

三、在 Three.js 中加载并播放动画

1. 引入 GLTFLoader

2，加载模型并提取动画

3，在动画循环中更新混合器