Cylinder

Short-cut for a CylinderGeometry and a MeshBasicMaterial with a Mesh object.

The cientos package provides a <Cylinder /> component that serves as a short-cut for a CylinderGeometry.

args: [
  radiusTop: number,
  radiusBottom: number,
  height: number,
  radialSegments: number,
  heightSegments: number,
  openEnded: boolean,
  thetaStart: number,
  thetaLength: number
]

Reference: CylinderGeometry

Usage

<Cylinder :args="[1, 1, 1, 32, 1, false, 0, Math.PI * 2]" color="orange" />

// Cylinder with a custom material transformations
<Cylinder ref="cylinderRef" :args="[1, 1, 1, 32, 1, false, 0, Math.PI * 2]" :position="[0, 4, 0]">
  <TresMeshToonMaterial color="orange" />
</Cylinder>

Cubic Bezier Line

Renders a Line2 between start and end points with two control points.

Dodecahedron

Short-cut for a DodecahedronGeometry and a MeshBasicMaterial with a Mesh object.