Three.js Shaders

Work Pattern

• Use built-in materials plus onBeforeCompile when you need PBR lighting with small shader changes; use ShaderMaterial for fully custom effects.
• Define every uniform, attribute, varying, color space expectation, and animation update path explicitly.
• Keep shader code small first, verify coordinate spaces, then add lighting, texture sampling, noise, and post effects incrementally.
• Pair with threejs-materials for material tradeoffs, threejs-geometry for attributes, and threejs-postprocessing for screen-space effects.

Quick Start

import * as THREE from "three";