threejs 调用blendshape

要在 Three.js 中使用 BlendShapes，需要使用 Three.js 中的 Morph Targets。下面是一些简单的步骤：

1. 创建一个带有 BlendShapes 的模型，例如一个人脸模型。

2. 在 Three.js 中加载模型并设置它的 Morph Targets。这可以通过设置模型的 geometry.morphTargets 属性来完成。

3. 创建一个 AnimationMixer 对象并将模型添加到该对象中。

4. 使用 AnimationMixer 对象来控制模型的 BlendShapes。可以通过设置 AnimationMixer.clipAction().timeScale 和 AnimationMixer.clipAction().play() 来播放 BlendShapes。

这里有一些示例代码，可以帮助你更好地理解如何在 Three.js 中使用 BlendShapes：

// 加载模型
const loader = new THREE.GLTFLoader();
loader.load('model.gltf', function (gltf) {
  const mesh = gltf.scene.children[0];
  mesh.geometry.morphTargets = gltf.animations[0].morphTargets; // 设置 Morph Targets

  // 创建 AnimationMixer 对象
  const mixer = new THREE.AnimationMixer(mesh);

  // 播放 BlendShapes
  const action = mixer.clipAction(gltf.animations[0]);
  action.timeScale = 1;
  action.play();

  // 更新模型
  function update() {
    mixer.update(deltaTime);
  }
});

希望这可以帮助你开始使用 Three.js 中的 BlendShapes。