component

Arch

Freestanding gateway: two piers and a semicircular arch of voussoirs. Composes with Wall.

⌖ Explore the library in 3D →

Add it

npx @runek/cli add arch

Pulls @react-three/rapier@^2.2.0, @runek/core@^0.13.0.

Use it

import { Arch } from './runek/Arch'

<Arch position={[0, 0, 0]} />

Props

export interface ArchProps {
  position?: Vec3
  rotation?: Vec3
  /** Clear opening width, in units. */
  width?: number
  /** Height to the springline (top of the piers), in units. */
  height?: number
  depth?: number
  /** Pier thickness, in units. */
  thickness?: number
  /** Voussoir blocks forming the semicircular arch. */
  blocks?: number
  /** Defaults to the world palette's `stone` slot. */
  color?: string
}

Registry manifest

Browse the whole catalog in the gallery →.