Lesson 3 – Scene Graph

Structure of a three.js app (https://threejs.org/manual/#en/fundamentals)

Scene Graph


Hierarchy of nodes in a graph where each node represents a local space (https://threejs.org/manual/#en/scenegraph)

In the scene graph, there is a hierarchy of objects where the scene is the root and parent. In our scene, we can add lights, 3D objects and meshes and these are considered children of the scene.

We can group meshes by adding them to a single mesh. Once we group meshes, the meshes will adopt the same properties as its parent by default.

See the Pen On The Plane by XR Club (@xrclub) on CodePen.


For Transformations, we want to show how changes to a parent object will affect its children.

See the Pen Getting Started by XR Club (@xrclub) on CodePen.

Related Exercise

Orbiting Planet