Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

Three.js Textures Quick Start Texture Loading Basic Loading Promise Wrapper Texture Configuration Color Space Critical for accurate color reproduction. Wrapping Modes Repeat, Offset, Rotation Filtering Generate Mipmaps Texture Types Regular Texture Data Texture Create texture from raw data. Canvas Texture Video Texture Compressed Textures Cube Textures For environment maps and skyboxes. CubeTextureLoader Equirectangular to Cubemap HDR Textures RGBELoader EXRLoader Background Options Render Targets Render to texture for effects. Depth Texture Multi Sample Render Target CubeCamera Dynamic environment maps for reflections. UV Mapping Accessing UVs Second UV Channel (for AO maps) UV Transform in Shader Texture Atlas Multiple images in one texture. Material Texture Maps PBR Texture Set Normal Map Types Procedural Textures Noise Texture Gradient Texture Texture Memory Management Dispose Textures Texture Pooling Performance Tips 1. Use power of 2 dimensions : 256, 512, 1024, 2048 2. Compress textures : KTX2/Basis for web delivery 3. Use texture atlases : Reduce texture switches 4. Enable mipmaps : For distant objects 5. Limit texture size : 2048 usually sufficient for web 6. Reuse textures : Same texture = better batching See Also threejs materials Applying textures to materials threejs loaders Loading texture files threejs shaders Custom texture sampling

threejs-textures