component

Grass

Instanced grass blades (seeded scatter).

⌖ Explore the library in 3D →

Add it

npx @runek/cli add grass

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

Use it

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

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

Props

export interface GrassProps {
  position?: Vec3
  rotation?: Vec3
  /** Patch extent `[width, depth]`, in units. */
  area?: [number, number]
  count?: number
  height?: number
  /** Defaults to the world palette's `foliage` slot. */
  color?: string
  /** Wind sway strength; 0 disables the animation. */
  sway?: number
  seed?: number
}

Registry manifest

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

Browse the whole catalog in the gallery →.