Three.js Materials

Iron Law

Always set needsUpdate = true after changing material maps or transparency at runtime — Three.js caches the compiled shader program and will not recompile without it.

Quick Start

import * as THREE from "three";

// PBR material (recommended for realistic rendering)
const material = new THREE.MeshStandardMaterial({
  color: 0x00ff00,
  roughness: 0.5,
  metalness: 0.5,
});