Three.js Lighting

Iron Law

Every scene using MeshStandardMaterial or MeshPhysicalMaterial requires at least one light — these materials render as pure black without illumination.

Quick Start

import * as THREE from "three";

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

const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
directionalLight.position.set(5, 5, 5);
scene.add(directionalLight);