component

Shore

Sloped beach/shore strip to meet a Lake.

⌖ Explore the library in 3D →

Add it

npx runek add shore

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

Use it

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

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

Props

export interface ShoreProps {
  position?: Vec3
  rotation?: Vec3
  /** `[width, depth]` in units. The sandy top sits at the component origin. */
  size?: [number, number]
  thickness?: number
  /** Defaults to the world palette's `sand` slot. */
  color?: string
}

See it live with editable props in the gallery →.