已解决

要将一个包含动画的glb文件添加到基础模型中并控制播放，可以使用以下步骤：

1. 首先，确保已经加载了XR-Frame库和Three.js库。

2. 创建一个基本的glb模型，并将其添加到场景中。例如：

const gltfLoader = new THREE.GLTFLoader();
const scene = new THREE.Scene();

gltfLoader.load('path/to/your/base_model.glb', (gltf) => {
  scene.add(gltf.scene);
});

3. 加载包含动画的glb文件。在加载完成后，将其动画添加到基础模型上。例如：

gltfLoader.load('path/to/your/animated_model.glb', (gltf) => {
  // 获取动画数据
  const animations = gltf.animations || [];

  // 遍历动画数据，将每个动画添加到基础模型上
  animations.forEach((animation) => {
    const mixer = new THREE.AnimationMixer(gltf.scene);
    mixer.clipAction(animation).play();
  });

  // 将包含动画的模型添加到场景中
  scene.add(gltf.scene);
});

4. 现在，基础模型已经包含了动画。要控制动画的播放，可以使用`mixer`对象的`update()`方法。例如：

// 更新动画混合器，使动画向前播放一帧
mixer.update(0.016); // 参数为时间间隔，可以根据需要调整

5. 如果需要循环播放动画，可以使用`loop`属性。例如：

// 设置动画循环播放次数，默认为1，设置为Infinity表示无限循环
mixer.clipAction(animation).loop = Infinity;