Three.js Lighting

Work Pattern

• Decide whether the scene needs direct lights, environment lighting, baked/fake lighting, or a mix before adding more lights.
• Enable shadows only for the lights and meshes that need them, then tune map size, camera bounds, bias, and normal bias.
• Use helpers while developing and remove or gate them for production.
• Pair with threejs-materials for PBR response, threejs-textures for HDR environments, and threejs-postprocessing for bloom or screen-space polish.

Quick Start

import * as THREE from "three";

// Basic lighting setup
const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
scene.add(ambientLight);