Scene to Screen

Real assets and React Three Fiber

Lesson 5 of 5

glTF is the format real models arrive in — GLTFLoader hands you a ready-made subtree. React Three Fiber then reframes the whole scene graph as JSX with a per-frame hook.

What you'll learn

Load a glTF model with GLTFLoader and add its scene to yours
Know what Draco and meshopt compression change about the loading setup
Map the React Three Fiber model back to the Three.js you already know

Members only

A free account unlocks this lesson and every other one.

Runnable challenges, knowledge checks, and progress that syncs across your devices. No card needed.

Not sure yet? Try the free lesson first: Scene, camera, renderer