<a-camera>

The camera primitive determines what the user sees. We can change the viewport by modifying the camera entity’s position and rotation.

Example

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

Attributes

Attribute Component Mapping Default Value
far camera.far 10000
fov camera.fov 80
look-controls-enabled look-controls.enabled true
near camera.near 0.5
reverse-mouse-drag look-controls.reverseMouseDrag false
wasd-controls-enabled wasd-controls.enabled true

Manually Positioning the Camera

A camera is situated by default at the average height of human eye level (1.6 meters). When used with controls that receive rotation or position (e.g. from a VR device) this position will be overridden.

<!-- Place camera at ground level (will be overridden by VR devices) -->
<a-camera position="0 0 0"></a-camera>

When moving or rotating the camera relative to the scene, use a camera rig. By doing so, the camera’s height offset can be updated by roomscale devices, while still allowing the tracked area to be moved independently around the scene.

<a-entity id="rig" position="25 10 0">
<a-camera id="camera"></a-camera>
</a-entity>