Agent skill · design visual · cloudai-x
threejs-textures
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.
Why this skill is useful
Provides specific techniques and configurations for texture handling in Three.js that the AI wouldn't reliably generate on its own.
What it needs
About 6k tokens when loaded. Last updated 2026-07-09. 2,926 stars on the source repository.
What this skill does
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
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills cloudai-x/threejs-textures