You are reading Tres v1 docs. Head over tresjs.org for V2 docs.
TresJS

Appearance

Return to top
On this page

Cone ^1.6.0

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

typescript
args: [
  radius: number,
  height: number,
  radialSegments: number,
  heightSegments: number,
  openEnded: boolean,
  thetaStart: number,
  thetaLength: number
]

Reference: ConeGeometry

Usage

html
<Cone :args="[1, 1, 8]" color="orange" />

// Cone with a custom material transformations
<Cone ref="coneRef" :args="[1, 1, 8]" :position="[0, 4, 0]">
  <TresMeshToonMaterial color="orange" />
</Cone>