three.js 怎么让glb文件中所有动作一起动一来

three.js是一个基于WebGL的JavaScript库，用于创建逼真的3D图形。如果你想要在一个`glb`文件（GL Transmission Format，一种包含了模型、纹理和动画的数据格式）中播放所有的动作，你需要按照以下步骤操作：

1. 加载模型：首先，使用three.js的`GLTFLoader`加载`glb`文件。这个加载器会自动处理模型的几何体、纹理以及动画信息。

const loader = new THREE.GLTFLoader();
loader.load('path_to_your_model.glb', function(gltf) {
  // gltf.scene 就包含了加载的模型和动画数据
}, undefined, function(error) {
  console.error(error);
});

2. 设置动画：`gltf.animations`数组包含加载的所有动画。你可以遍历它们并设置动画到场景中的某个对象上。例如：

gltf.animations.forEach(animation => {
  const mixer = new THREE.AnimationMixer(gltf.scene.children.find(node => node.name === 'YourAnimatedObject')); // 找到你想动画的对象
  mixer.clipAction(animation).play(); // 播放动画
});

3. 控制循环播放：如果你想让动画无限循环播放，可以添加一个`repeat`属性，并设置动画循环次数为-1（无限次）：

mixer.clipAction(animation).setLoop(true).play();

4. 开启动画更新：最后，确保在渲染循环中调用`animation.update()`，以便动画随着帧同步更新：

function animate() {
  requestAnimationFrame(animate);
  mixer.update(); // 更新动画状态
  renderer.render(scene, camera);
}
animate();