three.js Materials & Lighting Make three.js surfaces look right: pick the correct material, light the scene, enable shadows, and add image-based lighting. Patterns target r186 , verified against r186 (lighting is physically based by default since r155). When to use - Use when a mesh renders black or flat, when choosing a material, adding lights, enabling shadows, or setting up environment-map reflections (IBL). - Use when code constructs , , etc., or sets or . When not to use: the renderer/camera/loop → . Loading models (whose PBR materials this complements) → . Custom GLSL/ is its own topic;…