1. Start with an HDRI that already has directional shape
Many Three.js scenes fail because the HDRI is treated like a generic brightness source. Pick an environment map that has visible direction changes, soft windows, or a clear studio gradient. If the light source is evenly distributed, your reflections will become soft and anonymous.
In practice, it is easier to lower the environment intensity and preserve contrast than to push a flat HDRI harder and hope the form appears later.
2. Set exposure before adding extra lights
Exposure should be solved before you begin placing accents. If the renderer is already clipping the bright areas, every fill light you add will exaggerate the problem. Keep exposure low enough that metal edges, glossy plastics, and coated labels still keep texture information.
- Lock one camera angle first.
- Balance exposure against the hero surface, not the background.
- Check that dark materials still show a readable silhouette.
3. Add small accent lights for edge separation
Once the environment is stable, add one or two accent lights to shape the object. Their job is not to relight the model. They should only create clear edges, a sharper specular break, or a slight lift on the side facing away from the HDRI.
Keep the accents narrow and intentional. Wide fills destroy the realism you gained from the environment map.
4. Tune material roughness to support lighting
Good lighting is often hidden by material values that are too uniform. If every part of the model shares the same roughness range, highlights collapse into a single visual tone. Create subtle roughness differences between the body, trim, rubber, and labels so each surface responds differently.
Quick checklist
- Choose an HDRI with directional structure.
- Set exposure before accent lighting.
- Use accents only for silhouette and highlight control.
- Adjust roughness ranges so reflections are easier to read.
FAQ
Why does an HDRI scene still look flat in Three.js?
The most common causes are a low-contrast HDRI, overexposure, or materials that all sit in the same roughness range. Fixing those three issues is usually enough.
Should I add extra lights when using environment lighting?
Yes. One or two controlled accents can improve form and make product shots feel intentional.