Three.js Shaders

Use this skill for custom GPU programs and safe built-in material extension. Route PBR surface selection to threejs-materials, textures/UV data to threejs-textures, and full-screen composer effects to threejs-postprocessing.

When to use this skill

• Write a ShaderMaterial or RawShaderMaterial vertex/fragment program
• Pass time, colors, textures, transforms, or per-instance data through uniforms/varyings
• Implement displacement, fresnel, dissolve, gradients, noise, rim lighting, or custom effects
• Extend a built-in material with onBeforeCompile without replacing its PBR behavior
• Diagnose GLSL compilation, coordinate-space, precision, or GPU-cost failures

Instructions

Step 1: Choose the least invasive shader path