Three.js Materials

Work Pattern

• Pick the simplest material that satisfies the visual goal: unlit for UI/debug, Standard/Physical for PBR, ShaderMaterial only for custom math.
• Check whether the scene has the required lighting, environment map, texture color spaces, and renderer output color space before changing material values.
• Treat transparency, alpha sorting, and double-sided rendering as performance and ordering decisions, not default styling.
• Pair with threejs-textures for maps, threejs-lighting for PBR response, and threejs-shaders for custom material behavior.

Quick Start

import * as THREE from "three";