threejs-shaders - Create custom Three.js shader effects
Create and modify Three.js shaders using GLSL, ShaderMaterial, uniforms, vertex deformation, fragment effects, and built-in material extensions.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create ShaderMaterial shaders
- Configure shader uniforms
- Pass varying data
- Sample textures in GLSL
- Deform mesh vertices
- Implement fragment effects
- Extend built-in materials
- Inject shader code
Inputs
- Three.js project code
- Shader effect requirements
- Texture resources
- Uniform values
- Material configuration
Outputs
- ShaderMaterial code
- RawShaderMaterial code
- GLSL shader code
- Modified material shaders
- Custom visual effects
Requirements
- Three.js environment
- GLSL support
- Shader-capable rendering context