如何在 aframe 中的 gltf 中使用内部摄像头？

Question

我有一个 gltf model，它包含相机、模型和相机动画。 加载后，它们成为一个 gltf 实体。 我不能使用secondcamera el. SetAttribute ('camera ','active', true ')" secondcamera el. SetAttribute ('camera ','active', true ')"来改变相机。我如何在里面使用相机。

这可以修改为三个。 JS

this.content.traverse((node) => {

if (node.isCamera && node.name === name) {

this.activeCamera = node;

}

});

this.renderer.render( this.scene, this.activeCamera )

但是，如何在 aframe 的 gltf 中使用内部摄像头？

Answer 1

您可以保留对相机的引用：

var model_camera = null;
// wait until the model is loaded
entity.addEventListener("model-loaded", e => {
  const mesh = entity.getObject3D("mesh");
  mesh.traverse(node => {
    // assuming there is one camera
    if (node.isCamera) model_camera = node;
  })
})

当您需要使用它时，只需替换scene.camera 属性中的活动相机：

entity.sceneEl.camera = model_camera;

在此示例中使用包含两个不同摄像头的 model 进行检查。

---

Afaik 不涉及清理，只要您在切换相机时不手动禁用它们， look-controls或wasd-controls仍然可以工作。

相机系统有一个 function 用于交换活动相机，但您需要为相机引用添加<a-entity>包装器（因为系统尝试在提供的实体上执行getObject3D('camera') ）。