Rounded Box

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

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

args: [
  width: number, // default 1
  height: number, // default 1
  depth: number, // default 1
  segments: number, // default 2
  radius: number, // default 0.1
]

Reference:

Usage

<RoundedBox :args="[1, 1, 1, 2, 0.1]" color="orange" />

// RoundedBox with a custom material transformations
<RoundedBox ref="boxRef" :position="[0, 4, 0]">
  <TresMeshToonMaterial color="orange" />
</RoundedBox>

Ring

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

Screen Quad

A triangle that fills the screen for full-screen fragment shader work.