NOTE: This version of the documentation tracks unstable development happening on A-Frame’s master branch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 0.7.0 version

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

Note that by default, the camera origin will be at 0 1.6 0 in desktop mode and 0 0 0 in VR mode. Read about the camera.userHeight property.




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
user-height camera.userHeight 1.6
reverse-mouse-drag look-controls.reverseMouseDrag false
wasd-controls-enabled wasd-controls.enabled true

Manually Positioning the Camera

To position the camera, set the position on a wrapper <a-entity>. Don’t set the position directly on the camera primitive because controls will quickly override the set position:

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