使用MorphAnimation实现ThreeJS动画

MorphAnimation是ThreeJS中的一个动画类，用于实现模型的形态动画，即从一个形态过渡到另一个形态的动画。下面是一个使用MorphAnimation实现ThreeJS动画的示例：

// 加载模型
const loader = new THREE.GLTFLoader();
loader.load('model.gltf', (gltf) => {
  const model = gltf.scene.children[0];

  // 将模型的形态动画转换为MorphAnimation动画
  const morphTargets = model.morphTargetInfluences.length;
  const morphAnimations = [];
  for (let i = 0; i < morphTargets; i++) {
    morphAnimations.push(new THREE.MorphAnimation(model.geometry));
  }

  // 添加动画到场景中
  const mixer = new THREE.AnimationMixer(model);
  morphAnimations.forEach(animation => mixer.clipAction(animation.play()));
  mixer.timeScale = 0.5; // 控制动画速度

  scene.add(model);

  // 更新动画
  function animate() {
    requestAnimationFrame(animate);
    mixer.update(clock.getDelta());
  }
  animate();
});

在上面的示例中，我们首先使用GLTFLoader加载模型，然后将模型的形态动画转换为MorphAnimation动画，并将动画添加到场景中。最后在动画更新函数中调用mixer.update()方法更新动画。