threejs-shaders

Custom GLSL shaders for Three.js with ShaderMaterial, uniforms, varyings, and built-in material extension. Three.js provides built-in uniforms and attributes. Full control - you define everything. Pass data from vertex to fragment shader. Modify existing material shaders. - Covers ShaderMaterial vs. RawShaderMaterial, uniform types (floats, vectors, matrices, textures, arrays), and real-time uniform updates in animation loops - Includes six common shader patterns: texture sampling, vertex displacement, Fresnel effects, noise-based effects, rim lighting, and dissolve effects - Supports material extension via onBeforeCompile to inject custom code into built-in materials like MeshStandardMaterial - Provides GLSL built-in function reference (math, vector, texture operations) and performance optimization patterns favoring mix/step over conditionals - Minimize uniforms : Group related values into vectors - Avoid conditionals : Use mix/step instead of if/else - Precalculate : Move calculations to JS when possible - Use textures : For complex functions, use lookup tables - Limit overdraw : Avoid transparent objects when possible - threejs-materials - Built-in material types - threejs-postprocessing - Full-screen shader effects - threejs-textures - Texture sampling in shaders