follow-camera

Element follows the user (camera) so it doesn't matter where the camera's located/watching, the element will be always in camera's FOV. See follow behavior guidelines for more information.

Example

Drag (rotate) the scene using your mouse or touch and see the effect. The sphere is always in the camera's FOV.

import "spatial-design-system/components/position.js";

<a-sphere 
  color="#03FCC6" 
  position="0 1.5 -2" 
  radius="0.8"
  follow-camera="angle: 1"
></a-sphere>

Use the mouse to rotate the scene.

Props

Property	Type	Default	Description
angle	number	horizontalFOV / 2	In degrees. Determines the threshold after which the element's position changed (with smooth animation). If angle is not specified or is zero, the threshold is computed as half of the horizontal FOV, meaning the object starts moving once it is at the edge of the screen.
distance	number	2.0	Distance offset sets initial element's z-coordinate.