mrdoob/three.js
7 articles
Composing Six Articles
An introduction to composing the six articles in this series.
Three.js Internals: Architecture Overview and Code Navigation Guide
A comprehensive orientation to the Three.js codebase covering its multi-entry-point build system, directory structure, and foundational design patterns.
The Scene Graph: Object3D, Transforms, and the Geometry-Material Contract
A deep dive into Object3D's transform system, parent-child hierarchy, and how geometry and material combine in Mesh to create renderable objects.
The Dual Renderer Architecture: WebGLRenderer vs. the New Backend System
How Three.js is transitioning from a monolithic WebGLRenderer to a modular Renderer + Backend architecture supporting both WebGPU and WebGL.
The Node System and Three Shading Language: How Shaders Are Built from Graphs
How Three.js's node-based shader system constructs GPU shaders from directed acyclic graphs, and how TSL enables writing shaders in JavaScript.
Math Primitives, Lighting, and the Camera System
Three.js's linear algebra library, color management, camera projection hierarchy, and how lights integrate as shader nodes.
The Asset Pipeline: Loaders, Addons, and the Three.js Ecosystem
The loader architecture, GLTFLoader plugin system, post-processing, controls, testing infrastructure, and guidance for contributors.