threejs-sky-atmosphere-and-haze

What problem does it solve?

This Skill solves the challenge of implementing a physically coherent sky, atmosphere, and haze in Three.js using native WebGPU/TSL, ensuring realistic visual effects and performance optimization.

Core Features & Use Cases

• Physically Coherent Scattering: Utilizes unit-consistent scattering LUTs for realistic atmospheric scattering.
• Depth-Aware Aerial Perspective: Implements depth-aware aerial perspective for enhanced realism.
• Ellipsoid-Aware Geometry: Handles ellipsoid-aware geometry for accurate rendering.
• Explicit Invalidation: Ensures efficient resource management through explicit invalidation.
• Pipeline Evidence: Provides measurable pipeline evidence for performance validation.
• Use Case: Ideal for agents needing to create advanced real-time graphics systems, such as scientific or explanatory views, procedural worlds, and GPU-backed surface effects.

Quick Start

To implement a sky with atmosphere and haze, use the threejs-sky-atmosphere-and-haze skill and follow the canonical validation module in 'examples/webgpu-lut-atmosphere/validation.js'.