<a-ring>

Note: This documentation is for the old 0.2.0 version of A-Frame. Check out the documentation for the current 1.6.0 version

The ring primitive creates a ring or disc shape. It is an entity that prescribes the geometry with its geometric primitive set to ring.

Example

<a-assets>
  <img id="texture" src="texture.png">
</a-assets>

<!-- Basic ring. -->
<a-ring color="teal" radius-inner="1" radius-outer="2"></a-ring>

<!-- Textured ring. -->
<a-ring src="#texture"></a-ring>

Attributes

Note that the ring primitive inherits common mesh attributes.

| Attribute | Component Mapping | |—————-|————————+ | radius-inner | geometry.radiusInner | | radius-outer | geometry.radiusOuter | | segments-phi | geometry.segmentsPhi | | segments-theta | geometry.segmentsTheta | | theta-length | geometry.thetaLength | | theta-start | geometry.thetaStart |