threejs-loaders
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
By calesthio · 669 installs
npx skills add calesthio/openmontage --skill threejs-loaders
Source repository · Upstream listing
Three.js Loaders
Quick Start
LoadingManager
Coordinate multiple loaders and track progress.
Texture Loading
TextureLoader
Texture Configuration
CubeTextureLoader
For environment maps and skyboxes.
HDR/EXR Loading
PMREMGenerator
Generate prefiltered environment maps for PBR.
GLTF/GLB Loading
The most common 3D format for web.
GLTF with Draco Compression
GLTF with KTX2 Textures
Process GLTF Content
Other Model Formats
OBJ + MTL
FBX
STL
PLY
Async/Promise Loading
Promisified Loader
Load Multiple Assets
Caching
Built in Cache
Custom Asset Manager
Loading from Different Sources
Data URL / Base64
Blob URL
ArrayBuffer
Custom Path/URL
Error Handling
Performance Tips
1. Use compressed formats : DRACO for geometry, KTX2/Basis for textures
2. Load progressively : Show placeholders while loading
3. Lazy load : Only load what's needed
4. Use CDN : Faster asset delivery
5. Enable cache : THREE.Cache.enabled = true
See Also
threejs textures Texture configuration
threejs animation Playing loaded animations
threejs materials Material from loaded models