Tutorial by Examples

A camera situated at the average height of human eye level (1.6 meters or 1.75 yard or 5.25 feet). <a-entity camera="userHeight: 1.6" look-controls></a-entity>
When the active property gets toggled, the component will notify the camera system to change the current camera used by the renderer: var secondCameraEl = document.querySelector('#second-camera'); secondCameraEl.setAttribute('camera', 'active', true);
To fix entities onto the camera such that they stay within view no matter where the user looks, you can attach those entities as a child of the camera. Use cases might be a heads-up display (HUD). <a-entity camera look-controls> <a-entity geometry="primitive: plane; height: 0.2; wi...
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. <a-scene> <...
To position the camera, set the position on a wrapper . Don’t set the position directly on the camera primitive because controls will quickly override the set position: <a-entity position="0 0 5"> <a-camera></a-camera> </a-entity>

Page 1 of 1