Welcome to the Missing Manual for three.js!

Discover three.js logo

Discover three.js is an exciting new book being written by one of the core three.Js developers, coming very soon!

While you're waiting, jump right into Section One, which is a completely free standalone tutorial series that will introduce you to all the important concepts needed to create a modern three.js application.


Stay up to Date - Enter Your Email Here


What is three.js?

Three.js is the world's most popular JavaScript framework for displaying 3D content on the web, providing you with the power to display incredible models, games, music videos, scientific and data visualizations, or pretty much anything else you can imagine, right in your browser and on your smartphone!

Take a look at the three.js homepage for a showcase of some of the incredible work being done with this amazing tool.

threejs.org - the homepage of three.js

What You'll be Doing

Each section is divided up into several chapters, each of which is a short, self-contained lesson. Section One introduces all the foundational concepts, and once completed, you can go through the other sections in any order.

Each section introduces and teaches the concepts by guiding you to create small example applications in which we'll explore real-world scenarios.


Live Code Examples

Each chapter has one or more carefully crafted live code example, embedded and editable right in the page using CodeSandbox.io.

Code from every example used in the book is freely available and MIT licensed (free to use, change, edit, sell or share) on Github.


Clear 2D Diagrams

Concepts and techniques are clearly explained throughout the book using hundreds of original diagrams.

Perspective camera frustum
Dancing animation, selected frames
Directional Lighting
Cylinder rotation around Z-axis

Always up to Date

There is a new version of three.js released nearly once per month. Traditional print books just can't keep up with this rapid release cycle and will be out of date nearly as soon as they are released.

Discover three.js is 100% online and updated to work with every new release of three.js. So you never need to worry that what you read won't work with the latest version!


Free Sample

The entire first two sections of the book are available for free, right here!

The Introduction and Section One make a completely free, standalone tutorial series that will introduce you to all the important concepts and terminology that you'll need to go deeper in your explorations of 3D web graphics, including animation, lighting, camera controls, photorealistic materials and textures, and lots more!

What Are You Waiting For? Dive Right in and See What Discover three.js Has to Offer, Now!


Table of Contents


The Big List of three.js Tips and Tricks

All the tips, tricks, caveats, gotchas and performance suggestions you could shake a big stick at. Make sure to check them out!


Apps

three.js Loader

Loader

Viewer for glTF, FBX and Collada (DAE) files using loaders from the latest version of three.js.


About the Author

Portrait of the author

Lewy Blue is a mathematician and JavaScript specialist. He is one of the main collaborators on the three.js open source project on Github, focussing on documentation writing and interoperability with third-party applications, especially the Autodesk FBX format. He is also an admin on the official three.js forum.