THREE.JS / FOUNDATIONS 261
One texture. Three image paths.
GLTFLoader can select WebP and AVIF images from texture
extensions while a PNG source remains available as a fallback. This
lab creates one in-memory glTF asset, loads the real image formats,
and exposes the selected source instead of treating a file extension
as a rendering guarantee.
STATUSINITIALIZING
Preparing PNG, WebP, and AVIF image payloads.
BACKEND-
- LANES
- -
- WEBP
- -
- AVIF
- -
- BYTES
- -
assetwaitinggenerated fixture or official Forest House GLB
extensionswaitingEXT_texture_webp / EXT_texture_avif
selected sourcewaitingparser association + extension source
fallback policywaitingextensionsUsed without extensionsRequired
PNG fallback -> WebP/AVIF extension source -> GLTFLoader texture association
Derived from the official GLTFLoader
docs and the Khronos EXT_texture_webp
contract. The pinned AVIF example also uses DRACOLoader and the Forest House GLB; AVIF support is reported only when the active browser can decode the payload.
CORE PNG fallback source
EXT_TEXTURE_WEBP selected alternative
EXT_TEXTURE_AVIF selected alternative
LAB 261 / GLTF TEXTURE FORMAT FALLBACK