<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>
每当用户(因此相机)移动,然后实体将更新其旋转。