- 01
Chapter 1: Welcome to the 3D Web!
An introduction to the world of 3D on the web, what Three.js is, and why it's a powerful tool for creators. Setting up your development environment.
- 02
Chapter 2: The Foundation: Scenes, Cameras, and Renderers
Understanding the core components of any Three.js experience: the scene to hold objects, the camera to view it, and the renderer to draw it on the screen.
- 03
Chapter 3: Building Blocks: Geometries and Materials
Learning how to create basic 3D shapes (geometries) and give them visual properties (materials) like color, texture, and reflectivity.
- 04
Chapter 4: Bringing it to Life: Lighting and Shadows
Exploring different types of lights to illuminate your scene and techniques for casting realistic shadows to add depth and realism.
- 05
Chapter 5: Interactivity: Responding to User Input
Making your 3D scenes interactive by handling mouse clicks, keyboard presses, and touch events to control objects and camera movement.
- 06
Chapter 6: Loading External Assets: Models and Textures
Importing 3D models from external files (like glTF) and applying image textures to create more complex and detailed objects.
- 07
Chapter 7: Animation: Making Things Move
Creating smooth animations for objects, camera movements, and other visual effects to bring your 3D scenes to life.
- 08
Chapter 8: Beyond the Basics: Shaders and Post-Processing
An introduction to custom shaders for unique visual effects and post-processing techniques to enhance the overall look and feel of your creations.
- 09
Chapter 9: Optimization and Deployment
Tips and techniques for optimizing your Three.js projects for performance and strategies for deploying your 3D web experiences online.
- 10
Chapter 10: Project Showcase and Next Steps
Reviewing a few example projects and guiding you on where to go next to further your Three.js journey.
