three-environment-hdri-reflections

Installation
SKILL.md

HDRI Environment, Reflections and Tone Mapping

What this builds

A complete environment lighting and reflection pipeline for a Three.js scene: an HDRI equirectangular image loaded, converted to a prefiltered cubemap via PMREMGenerator, applied as both scene background and material environment map, with tone mapping and exposure tuned to produce physically plausible reflections on PBR materials.

  • HDRI loaded via RGBELoader (.hdr) or EXRLoader (.exr) with proper linear-space handling
  • PMREMGenerator produces the prefiltered mip chain needed for roughness-dependent reflections
  • Scene background and material envMap configured independently (you can light with an HDRI without showing it)
  • Tone mapping (ACES Filmic, AgX, Neutral, Reinhard, Linear) with exposure control
  • MeshPhysicalMaterial exploiting envMap for clearcoat, transmission, iridescence, sheen
  • Ground-projected environment for infinite-floor studio looks without geometry
  • Reflection probes for localized reflections in multi-room scenes
  • Proper disposal of HDRI textures and PMREMGenerator resources
Installs
2
First Seen
Aug 30, 2026
three-environment-hdri-reflections — avnehsbhatia/ultraui