Three.js — 3D in Pure JavaScript

Build 3D graphics in the browser with Three.js and pure JavaScript. From your first scene to an interactive, animated 3D world - every lesson ships with a ready-to-run example you can download and edit.

three.js threejs 3d javascript webgl three dimensional animation three.js course
Start Course
Your Progress
0%
0 / 15 lessons
Chapter 1: First Steps - Scene, Camera, Renderer
Three.js and WebGL: Your First Scene Quiz
Your First Mesh: The Red Box Quiz
Cameras: Perspective vs Orthographic Quiz
Orbit Controls: Look Around Your Scene Quiz
Chapter 2: Geometries and Materials - Start Modeling
Primitive Geometries: Six Shapes in One Scene Quiz
Materials: Basic, Lambert and Standard Quiz
Lighting Fundamentals Quiz
Chapter 3: Transforms and Animation - Code Grows
Position, Rotation and Scale Quiz
The Animation Loop and Clock Quiz
Scene Graph: A Mini Solar System Quiz
Chapter 4: Interaction and Realism
Raycaster: Picking Objects with the Mouse Quiz
Shadows for Realistic Depth Quiz
Textures: Mapping Images onto Materials Quiz
Responsive Resizing Quiz
Chapter 5: Capstone - Interactive 3D Diorama
Capstone: An Interactive 3D Diorama Quiz