Welcome to our Guide to Three.js!

Here we explore the Three.js library and provide educational resources and some examples for how to incorporate this library into your own web project. This is for novice (or any level) front-end developers interested in the Three.js library!

First off, what even is Three.js?

Three.js is a JavaScript library for creating 3D web graphics within the web browser created by Ricardo Cabello using WebGL. Using WebGL you can directly use the processing resources of your graphics card and create high-performance 2D and 3D computer graphics. Programming WebGL directly from JavaScript to create and animate 3D scenes is a very complex process. Three.js is a library that makes this a lot easier!

With Three.js you can:

• Create simple and complex 3D geometries
• Animate and move objects through a 3D scene
• Apply textures and materials to your objects
• Make use of different light sources to illuminate the scene
• Load objects from 3D-modeling software
• Add advanced postprocessing effects to your 3D scene
• Work with your own custom shaders
• Create point clouds