Command Palette

Search for a command to run...

Hectal
Back to the lesson: Topic 10.5 — Compression: Draco, Meshopt and KTX2
3D Web · Example 2 of 2

Compressed files need their decoder

Console only. The site's address is cut from the 404 message.

glTF Transform shrinks the exported bike from 1.3 MB to 34 KB: Draco or Meshopt compress the geometry, WebP or KTX2 the textures. Compressed files need a decoder, and the default settings can merge your named parts.

Change the code and press Run (Ctrl+Enter). Predict what will happen first, then break it on purpose and read what changes. Your edits are saved and match the lesson page.

Ready for more? This phase has 4 hands-on exercises with automatic checks.

Practice questions

Write the code in the editor, run it, then open the model answer to compare.

01

Write the GLTFLoader setup that can load Draco, Meshopt and KTX2 files from this course's decoder folders.

02

A teammate's model is 8 MB, mostly four 4096 × 4096 PNG textures. List the commands or steps to make it phone-friendly, and the GPU memory before and after.

Explain it without notes

01

Compare Draco and Meshopt for the showroom: size, speed and what each needs.

02

Why did the course turn off joining when it compressed the bike?

Compressed files need their decoder
Press Run to see the page.
idle

Console

Nothing logged yet.

Expected console output

Draco file, no DRACOLoader:
  THREE.GLTFLoader: No DRACOLoader instance provided.
Meshopt file, no decoder:
  THREE.GLTFLoader: setMeshoptDecoder must be called before loading compressed files
Draco file, decoder path wrong:
  fetch for "/data/3d/decoders/draco_wasm_wrapper.js" responded with 404: Not Found