Loading...
Loading...
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.
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.
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.
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.
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.
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.
Chapter 7: Animation: Making Things Move
Creating smooth animations for objects, camera movements, and other visual effects to bring your 3D scenes to life.
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.
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.
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.