<a-ring>

The ring primitive creates a ring or disc shape.

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

AttributeComponent MappingDefault Value
ambient-occlusion-mapmaterial.ambientOcclusionMapNone
ambient-occlusion-map-intensitymaterial.ambientOcclusionMapIntensity1
ambient-occlusion-texture-offsetmaterial.ambientOcclusionTextureOffset0 0
ambient-occlusion-texture-repeatmaterial.ambientOcclusionTextureRepeat1 1
colormaterial.color#FFF
displacement-biasmaterial.displacementBias0.5
displacement-mapmaterial.displacementMapNone
displacement-scalematerial.displacementScale1
displacement-texture-offsetmaterial.displacementTextureOffset0 0
displacement-texture-repeatmaterial.displacementTextureRepeat1 1
env-mapmaterial.envMapNone
fogmaterial.fogtrue
heightmaterial.height256
metalnessmaterial.metalness0
normal-mapmaterial.normalMapNone
normal-scalematerial.normalScale1 1
normal-texture-offsetmaterial.normalTextureOffset0 0
normal-texture-repeatmaterial.normalTextureRepeat1 1
radius-innergeometry.radiusInner0.8
radius-outergeometry.radiusOuter1.2
repeatmaterial.repeat1 1
roughnessmaterial.roughness0.5
segments-phigeometry.segmentsPhi10
segments-thetageometry.segmentsTheta32
spherical-env-mapmaterial.sphericalEnvMapNone
srcmaterial.srcNone
theta-lengthgeometry.thetaLength360
theta-startgeometry.thetaStart0
widthmaterial.width512
wireframematerial.wireframefalse
wireframe-linewidthmaterial.wireframeLinewidth2