anchored

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 1.6.0 version

It requires a browser supporting the WebXR Anchors module.

Fix any entity to a position and rotation in the real world. Apply the anchored component to an entity and call the method el.components.createAnchor(position, quaternion) to anchor it to a position and rotation corresponding to real world coordinates. If creatorAnchor is not called the entity is anchored to its initial position and rotation. The anchoring only applies when in immersive mode.

Example

<a-entity id="myBox" anchored="persistent: true" geometry="primitive: box" material="color: red"></a-entity>

Properties

Properties Description
persistent If the anchor persists on page reloads. The entity must have an id.