← Back to Portfolio

Light Transport Lab

Interactive

All light transport boils down to 3 building blocks: Absorption, Rayleigh scattering, and Mie scattering. Toggle them on/off to see how they combine.

Drag to rotate โ€ข Scroll to zoom Sunlight
โšก What happens to light? 100% absorbed
Absorbed (heat)
Scattered
ฯƒโ‚ = absorption ฯƒโ‚› = scattering
๐ŸŒˆ Rayleigh Wavelength Response (ฯƒ โˆ 1/ฮปโด)
Red 700nm
1.0ร—
Green 550nm
2.3ร—
Blue 450nm
5.5ร—
๐Ÿ“Š Phase Function (where light scatters)
Forward Back 90ยฐ
๐Ÿ’ก Why is...
Rayleigh scattering! Air molecules are tiny (~0.3nm), much smaller than visible light wavelengths (400-700nm). Blue light (ฮป=450nm) scatters 5.5ร— more than red (ฮป=700nm) because ฯƒ โˆ 1/ฮปโด. When you look at the sky, you're seeing scattered sunlight - mostly blue!

๐Ÿ‘† Click "Atmosphere" preset to see this
Mie scattering! Cloud droplets are large (~10-20ฮผm), comparable to light wavelengths. At this size, all wavelengths scatter equally (no color preference), so clouds appear white. The droplets are also highly forward-scattering (g โ‰ˆ 0.85), creating bright edges when backlit.

๐Ÿ‘† Click "Cloud" preset to see this
Long path through atmosphere! At sunset, sunlight travels through much more air. Blue light gets scattered away along the path, leaving mostly red and orange to reach your eyes. This is the same Rayleigh scattering - just with more distance for blue to scatter out.

๐Ÿ‘† Click "Sunset Path" preset to see this
The 3 Building Blocks of Light Transport
๐Ÿงช

Absorption (Beer-Lambert)

Light gets absorbed and converted to heat. Different wavelengths absorb at different rates, giving materials their color.

T = e-ฯƒaยทd
๐ŸŒ…

Rayleigh Scattering

Particles much smaller than light wavelength (~0.1-1nm). Blue scatters 5.5ร— more than red. Why the sky is blue!

ฯƒs โˆ 1/ฮป4
โ˜๏ธ

Mie Scattering

Particles similar to light wavelength (~1-10ฮผm). All colors scatter equally โ†’ white appearance. Why clouds are white!

ฯƒs โ‰ˆ constant
๐Ÿ’ก Light Source
Light Color
#fff8f0
Light Intensity 3.0
๐ŸŽจ Absorption Coefficients (ฯƒโ‚)
Per-wavelength absorption (mโปยน)
โ— Red (700nm) 0.80
โ— Green (550nm) 0.15
โ— Blue (450nm) 0.02
๐Ÿ’จ Scattering Properties (ฯƒโ‚›)
Particle Physics
Particle Diameter Rayleigh 1.0 nm
Particle Density (relative) 1.0
Anisotropy (g) forward scattering 0.76
โœจ Real-World Presets
๐Ÿ“ Physical Values (Current)
Extinction (ฯƒt = ฯƒa + ฯƒs) 0.52 mโปยน
Scattering Albedo (ฯ‰ = ฯƒs/ฯƒt) 0.00
Mean Free Path (1/ฯƒt) 1.92 m
Optical Depth (1m) 0.52
GLSL Implementation