component

Sky

Procedural atmosphere (drei Sky).

Add it

npx @runek/cli add sky

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

Use it

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

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

Props

export interface SkyProps {
  /** Direction of the sun; also where the bright spot appears. Set this to pin the
   *  sky to a fixed sun and bypass the world's day/night cycle. */
  sunPosition?: Vec3
  turbidity?: number
  rayleigh?: number
  /** Background when the sun is below the horizon. */
  nightColor?: string
}

Registry manifest

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

Browse the whole catalog in the gallery →.