Getting Started: Here’s Where the Real Fun Begins!
Welcome to Discover three.js!
This book is a complete introductory tutorial series designed to get you up to speed with three.js quickly while also giving you a thorough grounding in the technical language and concepts you’ll need to go deeper in your own explorations of three.js and computer graphics.
Like all great artists, we’ll start with a blank
<canvas>, and over the following chapters, we’ll gradually add to it until we’ve created a small but powerful three.js application featuring lights, textures, materials, and camera controls. In the last couple of chapters of this section, we’ll show you how to load 3D models like the birds in the scene above and even use how to use the three.js animation system.
We’ll introduce lots of new concepts, theory, and jargon in this section, but don’t worry if it’s a lot to take in. Our goal here is to quickly introduce a whole new world of information to you, then we’ll come back to everything in later sections. Here, we’ll introduce concepts with just enough detail to allow you to start thinking about them and using them, without sacrificing any technical accuracy. Once you’re comfortable with the basics, later chapters in the book will fill in the missing details.
Let’s dive straight in. Soon you’ll be using crazy sounding things like quaternions, transformation matrices, and buffer geometries with barely a second glance.
Coming Up in this Section
- 1.1The Structure of a three.js App
- 1.2Your First three.js Scene: Hello, Cube!
- 1.3Introducing the World App
- 1.4Physically Based Rendering and Lighting
- 1.5Transformations and Coordinate Systems
- 1.6Making Our Scenes Responsive (and also Dealing with Jaggies)
- 1.7The Animation Loop
- 1.8A Brief Introduction to Texture Mapping
- 1.9Extend three.js With a Camera Controls Plugin
- 1.10Ambient Lighting: Illumination from Every Direction
- 1.11Organizing Your Scenes
- 1.12The Built-In Geometries
- 1.13Load 3D Models in glTF Format
- 1.14The three.js Animation System