component

Clouds

Drifting clouds built from clustered soft blobs (no textures); layer above a Sky.

Add it

npx @runek/cli add clouds

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

Use it

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

<Clouds position={[0, 0, 0]} seed={1} />

Props

export interface CloudsProps {
  position?: Vec3
  rotation?: Vec3
  /** Number of clouds. */
  count?: number
  /** Spread `[width, depth]`, in units. */
  area?: [number, number]
  /** Height above the origin, in units. */
  height?: number
  /** Drift speed along +X, in units/sec (0 holds still). */
  drift?: number
  color?: string
  seed?: number
}

Registry manifest

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

Browse the whole catalog in the gallery →.