Three.js Materials

Use this skill for mesh surface semantics and cost. Route image maps/UVs/HDR assets to threejs-textures, lighting and shadow setup to threejs-lighting, and custom GLSL to threejs-shaders.

When to use this skill

• Select a material type that matches unlit, classic-lighting, PBR, stylized, or custom work
• Configure base color, metalness, roughness, normal/AO/emissive maps, and environment response
• Fix transparency sorting, invisible backsides, unexpectedly shared edits, or material leaks
• Reduce material variants, shader complexity, or draw-call fragmentation after profiling

Instructions

Step 1: Choose the simplest material that expresses the intent