BuildBot

Scene to Screen

The scene graph and transforms

Lesson 3 of 5

Everything in Three.js is an Object3D in a tree. Position, rotation, and scale are local to the parent — world transforms come from multiplying matrices down the tree.

What you'll learn

  • Parent objects with add() and reason about the resulting tree
  • Distinguish local position/rotation/scale from world-space transforms
  • See how matrix multiplication propagates a parent's transform to every descendant
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