shaders - Three.js Shader Development
Write custom shaders for Three.js using GLSL or TSL for WebGL and WebGPU
Tags
Updated: 2026-05-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- write custom shaders
- create visual effects
- debug shader issues
- build post-processing pipelines
- implement noise functions
- create procedural textures
- build custom materials
- port GLSL to TSL
- optimize shader performance
Inputs
- GLSL shader code
- TSL node graph
- texture data
- geometry data
- material definitions
- rendering parameters
Outputs
- custom materials
- shader effects
- post-processing pipelines
- visual elements
Requirements
- Three.js
- GLSL
- TSL
- WebGL
- WebGPU
- Spector.js