threejs 调用blendshape

使用Three.js调用Blendshapes需要进行以下步骤：

1. 加载模型：使用Three.js的`GLTFLoader`或`OBJLoader`加载模型文件。

2. 加载Blendshapes数据：加载包含Blendshapes数据的JSON文件，该文件应该包含每个Blendshape的权重值。

3. 创建Blendshapes对象：使用Three.js的`MorphTarget`和`MorphTargetMesh`创建Blendshapes对象。

4. 更新权重值：根据用户输入或其他条件更新每个Blendshape的权重值。

5. 应用Blendshapes：使用Three.js的`morphTargetInfluences`属性将Blendshapes应用到模型上。

以下是一个简单的代码示例，演示了如何在Three.js中使用Blendshapes：

// 加载模型
const loader = new THREE.GLTFLoader();
loader.load('model.glb', (gltf) => {
  const model = gltf.scene;
  scene.add(model);

  // 加载Blendshapes数据
  const blendshapes = {};
  const xhr = new XMLHttpRequest();
  xhr.open('GET', 'blendshapes.json');
  xhr.onload = () => {
    const data = JSON.parse(xhr.responseText);
    for (const key in data) {
      blendshapes[key] = data[key];
    }

    // 创建Blendshapes对象
    const morphTargets = [];
    for (const key in blendshapes) {
      const morphTarget = new THREE.MorphTarget();
      morphTarget.name = key;
      morphTarget.vertices = model.geometry.vertices.slice();
      morphTargets.push(morphTarget);
    }
    const morphTargetMesh = new THREE.MorphTargetMesh(model.geometry, model.material);
    morphTargetMesh.morphTargets = morphTargets;
    scene.add(morphTargetMesh);

    // 更新权重值
    function updateBlendshapes() {
      for (const key in blendshapes) {
        morphTargetMesh.morphTargetInfluences[morphTargetMesh.morphTargetDictionary[key]] = blendshapes[key];
      }
    }

    // 应用Blendshapes
    updateBlendshapes();
  };
  xhr.send();
});

这里假设模型已经加载并且有Blendshapes数据可用。你需要根据实际情况调整代码。