Scene lighting

Three.js Lighting Presets

Preview practical light setups and copy the exact HemisphereLight, DirectionalLight, tone mapping, and exposure code.

Copy the lighting setup

Use this as a starting point, then tune intensities after your real material and environment map are in place.


          

What makes a model look better?

Most dull Three.js previews need color management, tone mapping, and balanced key, fill, and rim lights before they need complex post-processing.

FAQ

DirectionalLight works well for simple static viewers. For physically accurate product shots, add an environment map and tune material roughness.