threejs-shaders - Create custom Three.js shader effects
Create and modify Three.js GLSL shaders, uniforms, vertex effects, fragment effects, and built-in material extensions.
Tags
Updated: 2026-09-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create ShaderMaterial shaders
- Define GLSL uniforms
- Pass varying data
- Sample textures
- Displace vertices
- Apply fragment effects
- Extend built-in materials
- Update shader uniforms
Inputs
- Three.js project
- Shader requirements
- Geometry attributes
- Uniform values
- Textures
- Material configuration
Outputs
- GLSL vertex shaders
- GLSL fragment shaders
- Three.js material configurations
- Custom visual effects
- Updated shader state
Requirements
- Three.js
- GLSL-capable WebGL environment