<a-ring>

Note: This documentation is for the old 1.1.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.

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

Attribute	Component Mapping	Default Value
ambient-occlusion-map	material.ambientOcclusionMap	None
ambient-occlusion-map-intensity	material.ambientOcclusionMapIntensity	1
ambient-occlusion-texture-offset	material.ambientOcclusionTextureOffset	0 0
ambient-occlusion-texture-repeat	material.ambientOcclusionTextureRepeat	1 1
color	material.color	#FFF
displacement-bias	material.displacementBias	0.5
displacement-map	material.displacementMap	None
displacement-scale	material.displacementScale	1
displacement-texture-offset	material.displacementTextureOffset	0 0
displacement-texture-repeat	material.displacementTextureRepeat	1 1
env-map	material.envMap	None
fog	material.fog	true
height	material.height	256
metalness	material.metalness	0
normal-map	material.normalMap	None
normal-scale	material.normalScale	1 1
normal-texture-offset	material.normalTextureOffset	0 0
normal-texture-repeat	material.normalTextureRepeat	1 1
radius-inner	geometry.radiusInner	0.8
radius-outer	geometry.radiusOuter	1.2
repeat	material.repeat	1 1
roughness	material.roughness	0.5
segments-phi	geometry.segmentsPhi	10
segments-theta	geometry.segmentsTheta	32
spherical-env-map	material.sphericalEnvMap	None
src	material.src	None
theta-length	geometry.thetaLength	360
theta-start	geometry.thetaStart	0
width	material.width	512
wireframe	material.wireframe	false
wireframe-linewidth	material.wireframeLinewidth	2