threejs-textures

SKILL.md

Comprehensive texture loading, configuration, and application for Three.js scenes.

Covers texture types including basic, data, canvas, video, and compressed formats, with loaders for each

Supports environment mapping via cube textures, HDR (RGBE/EXR), and equirectangular conversion with PMREM

Includes UV mapping, texture atlasing, wrapping modes, filtering, mipmaps, and render targets for dynamic effects

Provides PBR material texture setup (color, normal, roughness, metalness, AO, emissive, displacement) with proper color space handling

Offers memory management patterns, texture pooling, and performance optimization guidance for web delivery

Three.js Textures

Quick Start

import * as THREE from "three";

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

// Apply to material
const material = new THREE.MeshStandardMaterial({
  map: texture,
});

Texture Loading