threejs-shaders - Create custom Three.js shader effects
Create and modify Three.js shaders, uniforms, vertex effects, fragment effects, and built-in material extensions.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create ShaderMaterial shaders
- Configure shader uniforms
- Pass varying data
- Sample textures
- Displace vertices
- Implement visual effects
- Extend built-in materials
- Inject shader code
Inputs
- Three.js project
- Shader source code
- Uniform values
- Textures
- Material configuration
- Mesh attributes
Outputs
- GLSL shader code
- Three.js material configuration
- Custom visual effects
- Updated shader uniforms
Requirements
- Three.js environment
- GLSL-capable renderer