Three.js Fundamentals

It handles stuff like scenes, lights, shadows, materials, textures, 3d math, all things that you’d have to write yourself if you were to use WebGL directly. Almost anything we want to display in Three.js needs geometry which defines the vertices that make up our 3D object. And finally we add that mesh to the scene

We can then render the scene by calling the renderer’s render function and passing it the scene and the camera

It’s kind of hard to tell that is a 3D cube since we’re viewing it directly down the -Z axis and the cube itself is axis aligned so we’re only seeing a single face.

Source: threejsfundamentals.org