threejs-landscape - Build live Three.js procedural landscapes behind subjects
Creates Three.js landscapes featuring polar grid terrain, slope vertex colors, GPU instanced grass, stones, gradient sky, and time-of-day lerping.
Tags
Updated: 2026-09-19Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Generate camera-centered polar heightfields
- Warp domain noise for terrain height
- Color terrain by slope and moisture
- Animate GPU instanced grass ribbons
- Scatter stones using rejection sampling
- Update canvas gradient sky dome
- Render camera-constrained star points
- Interpolate time of day states
Inputs
- Terrain height and noise parameters
- Time of day environment states
- Camera elevation constraints
- Wind and grass animation parameters
Outputs
- Three.js terrain BufferGeometry mesh
- InstancedMesh grass and stone objects
- CanvasTexture sky dome material
- Points star field object
Requirements
- Three.js library
- WebGL rendering context