<a-camera

相机原始场景内的用户在某个地方的地方。是一个实体规定摄像机组件 camera component 与控制相关的映射组件。

例子

<a-scene>
  <a-box></a-box>

  <a-entity position="0 1.8 5">
    <a-camera></a-camera>
  </a-entity>
</a-scene>

属性

属性 组件映射 默认值
far camera.far 10000
fov(视场) camera.fov 80
look-controls-enabled look-controls.enabled true
near camera.near 0.5
wasd-controls-enabled wasd-controls.enabled true

手动定位相机

相机的位置,设置位置在包装<a-entity>。不要直接在相机上设置位置,原始因为控制将很快覆盖集位置:

<a-entity position="0 0 5">
  <a-camera></a-camera>
</a-entity>

差异与默认的相机

当我们使用相机原始, A-Frame不会开一个默认的相机。

注意默认相机定位在 0 1.8 4而相机原始将定位在0 0 0。在下面的示例中,我们将看到一盒:

<a-box></a-box>

但是如果我们开自己的相机,不调整其位置:

<a-box></a-box>
<a-camera></a-camera>

那么将多维数据集和相机被定位在0 0 0,相机将立方体内,因此无需移动相机的盒子不可见。所以确保相机的正确的位置。

让另一个实体面对用户

我们可以用看组件 look-at component使另一个实体旋转向用户:

<a-image look-at="#camera"></a-image>
<a-camera id="camera"></a-camera>

每当用户(因此相机)移动,然后实体将更新其旋转。