Three.js topics
12 short topics in Games Graphics and XR. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Rendering context and lifecycle
Demonstrate rendering context and lifecycle in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Scene and resource organization
Demonstrate scene and resource organization in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Coordinate transformations
Demonstrate coordinate transformations in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Geometry and object representation
Demonstrate geometry and object representation in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Materials and shading
Demonstrate materials and shading in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Cameras and projection
Demonstrate cameras and projection in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Input and interaction handling
Demonstrate input and interaction handling in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Animation and time updates
Demonstrate animation and time updates in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Asset loading and memory management
Demonstrate asset loading and memory management in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
Rendering performance
Demonstrate rendering performance in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Device capability and fallback strategy
Demonstrate device capability and fallback strategy in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Visual debugging and inspection
Demonstrate visual debugging and inspection in a focused Three.js example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
Learn the same ideas beyond Three.js.
These courses share topics with this one, so you can compare how each language or tool handles the same concept.
More in Game graphics and immersive development.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.