threejs-syntax-loaders

Create a DRACOLoader, call setDecoderPath pointing to the directory containing draco_decoder.wasm, then pass it to GLTFLoader via setDRACOLoader. Load with loadAsync inside try/catch, and call dracoLoader.dispose() after all compressed models finish loading.

Load the MTL file first with MTLLoader, call materials.preload(), then pass it to OBJLoader via setMaterials before loading the OBJ. Loading OBJ first results in default white materials because materials are assigned at parse time.

Prefer glTF/GLB, the recommended format for Three.js, since it supports PBR materials, animations, cameras, and scene hierarchy in one file. Use .glb binary for single-file distribution to avoid missing .bin companion file errors.

Color textures like diffuse and emissive maps need texture.colorSpace set to THREE.SRGBColorSpace. Data textures such as normal, roughness, metalness, and AO maps must keep the default NoColorSpace, since gamma correction corrupts their values.

KTX2Loader requires setTranscoderPath pointing to the Basis transcoder files and a detectSupport(renderer) call before loading. Without detectSupport, the transcoder cannot determine which GPU compressed formats are available and fails or picks a bad fallback.

Removing a model from the scene does not free GPU memory. Traverse the model and dispose each mesh's geometry, materials, and textures explicitly, then call removeFromParent. Also dispose DRACOLoader and KTX2Loader after loading completes.