Three.js Textures

Work Pattern

• Set color space intentionally: color/albedo maps use SRGBColorSpace; data maps such as normal, roughness, metalness, AO, and displacement stay linear.
• Configure wrapping, repeat, filters, mipmaps, and anisotropy based on the texture's purpose and scale on screen.
• Dispose old textures and render targets when replacing assets or tearing down a scene.
• Pair with threejs-loaders for asset pipelines, threejs-materials for map slots, and threejs-lighting for HDR environment use.

Quick Start

import * as THREE from "three";

// Load texture
const loader = new THREE.TextureLoader();
const texture = loader.load("texture.jpg");