Environment mapped mesh
A 3D object that reflects its environment — reacting to surrounding colors and light sources.
What you're seeing
A metallic or glass object that reflects the world around it — other objects, gradients appear in its surface.
Where you'll see it
Product renders, hero objects, brand identity.
Difficulty
High — 4/5
Libraries that build it
Three.jsReact Three Fiber
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Add an environment map to Three.js mesh using PMREMGenerator, set metalness 0.9 roughness 0.1"Seen in the wild
Bruno SimonA drivable 3D world as a portfolio — rebuilt on the Three.js WebGPU renderer with physics, multiplayer, and an original score.→Of/Horse — The ExhibitionEquine arena science hung like art — a chaptered WebGL exhibition room where scroll walks you past framed studies of impact, cushioning, grip, and every other force under a stride.→Active TheoryThe Venice studio that set the bar for WebGL agencies — v5 of their site flies you through environments from their own history, with cursor trails networked live between everyone currently visiting.→MessengerA 15-minute browser game you can finish over coffee — deliver letters across a tiny living planet you can walk clear around, no invisible walls, built to hold thousands of visitors at once.→