Three.js Lighting

Use this skill for light selection, shadow behavior, and image-based illumination. Route PBR surface settings to threejs-materials, HDR/environment asset setup to threejs-textures, and screen-space effects to threejs-postprocessing.

When to use this skill

• Light a scene with physically meaningful direct and ambient/environment contribution
• Configure directional, point, or spot shadows without uncontrolled quality cost
• Set up an HDR environment for PBR reflections and diffuse illumination
• Diagnose black, flat, overexposed, acne-prone, or performance-heavy lighting

Instructions

Step 1: Start from material and exposure reality