You are reading Tres v1 docs. Head over for V2 docs.
Skip to content
On this page

Ring ^1.6.0

The cientos package provides a <Ring /> component that serves as a short-cut for a RingGeometry and a MeshBasicMaterial with a Mesh object.

args: [
  innerRadius: number,
  outerRadius: number,
  thetaSegments: number,
  phiSegments: number,
  thetaStart: number,
  thetaLength: number

Reference: RingGeometry


<Ring :args="[0.5, 1, 32]" color="purple" />

// Ring with a custom material transformations
<Ring ref="ringRef" :args="[0.5, 1, 32]" :position="[2, 4, 0]">
  <TresMeshToonMaterial color="purple" />