component

Lake

Procedural animated-shader water surface (no textures); place its surface at or below ground level.

Add it

npx @runek/cli add lake

Pulls @react-three/fiber@^9.6.1, @runek/core@^0.13.0, three@^0.184.0.

Use it

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

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

Props

export interface LakeProps {
  position?: Vec3
  rotation?: Vec3
  /** Water surface `[width, depth]`, in units. */
  size?: [number, number]
  /** Defaults to the world palette's `waterDeep` slot. */
  colorDeep?: string
  /** Defaults to the world palette's `waterShallow` slot. */
  colorShallow?: string
  /** Direction the sun glint comes from; pair with your Sky's `sunPosition`. */
  sunPosition?: Vec3
  waveHeight?: number
  waveSpeed?: number
  segments?: number
}

Registry manifest

registry manifest /r/components/lake.json Self-contained JSON: inlined source plus resolved dependencies, exactly what runek add lake fetches.

Browse the whole catalog in the gallery →.