@pmndrs/sky

Hillaire atmospheric sky for Three.js / TSL on the WebGPU renderer. Requires a WebGPU-capable browser.

Sky demos

• 01Legacy Preetham sky baked into a cube
• 02Hillaire LUT-baked sky
• 03Aerial-perspective haze over terrain
• 04Live sky (per-frame LUT rebake)
• 05Planet-scale sky with sphere ground
• 06Planet-scale debug harness
• 07Space-to-ground — cinematic orbit descent
• 14Night sky — procedural stars + optional HDR
• 15Grounded skybox

Sky component (drop-in facade)

The high-level Sky class — the 90% path.

• C1Baked sky, drop-in
• C2Sky + aerial-perspective haze post-process
• C3Planet-scale ground-to-sky
• C4Paris city rotation — sky + haze A/B bench

LUT viewers

Fullscreen views of each Hillaire lookup table, with pixel readback.

• 10Transmittance LUT
• 11Multi-Scatter LUT
• 12Sky-View LUT
• 13Aerial-Perspective LUT (froxel volume)

WGSL / TSL parity harness

Numeric parity checks between the shared WGSL core and its TSL twin.

• 00Leaf helpers
• 01UV maps + spherical direction
• 10Transmittance LUT (WGSL vs TSL backend)
• 11Texture sampling in wgslFn (manual bilinear vs hardware)
• 12Sky-View LUT integrator
• 13Multi-Scatter LUT