What problem does it solve? Working with textures in Three.js involves many subtle details—color spaces, wrapping modes, mipmaps, UV channels, and HDR environment maps—that are easy to get wrong and cause washed-out colors, blurry surfaces, or memory leaks. This Skill provides correct, ready-to-use patterns for every common texture task. ## Core Features & Use Cases - Texture Loading & Configuration: Load images with TextureLoader, set sRGB color space for color maps, configure wrapping, repeat, offset, rotation, filtering, and anisotropy. - Specialized Texture Types: Create DataTexture, CanvasTexture, VideoTexture, compressed KTX2 textures, cube textures, and HDR/EXR environment maps with PMREM generation. - Advanced Techniques: Render-to-texture with WebGLRenderTarget, dynamic reflections with CubeCamera, texture atlases, second UV channels for AO maps, and full PBR material texture sets. - Use Case: When building a 3D product viewer, use this Skill to correctly load a PBR texture set (color, normal, roughness, metalness, AO), apply an HDR environment map for realistic lighting, and dispose of textures properly to avoid GPU memory leaks. ## Quick Start Ask the AI to load a color texture with correct sRGB color space and apply it to a MeshStandardMaterial in your Three.js scene.
