three.js重置动画

在three.js中，要重置动画，可以通过以下步骤实现：

1. 创建一个动画混合器（AnimationMixer）对象，并将要重置的模型添加到混合器中。
2. 获取模型的所有动画剪辑（AnimationClip）。
3. 遍历所有的动画剪辑，将其停止并重置到初始状态。
4. 将混合器的时间设置为0，以确保动画从头开始播放。

下面是一个示例代码，演示了如何重置three.js动画：

// 创建场景、相机等

// 加载模型
const loader = new THREE.GLTFLoader();
loader.load('model.gltf', (gltf) => {
  const model = gltf.scene;
  
  // 创建动画混合器
  const mixer = new THREE.AnimationMixer(model);
  
  // 获取所有动画剪辑
  const clips = gltf.animations;
  
  // 遍历所有动画剪辑，停止并重置
  clips.forEach((clip) => {
    const action = mixer.clipAction(clip);
    action.stop();
    action.reset();
  });
  
  // 将混合器的时间设置为0
  mixer.time = 0;
  
  // 将模型添加到场景中
  
  // 渲染循环中更新混合器
  function animate() {
    requestAnimationFrame(animate);
    mixer.update(deltaTime);
    // 渲染场景
  }
  
  animate();
});

这样，通过停止并重置动画剪辑，并将混合器的时间设置为0，就可以实现three.js动画的重置。