Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition

Rendering and viewing a 3D object

In this step, you'll create your first scene and add a couple of objects and a camera. Our first example will contain the following objects:

Object	Description
Plane	This is a two-dimensional rectangle that serves as our ground area. In the second screenshot of this chapter, this is rendered as the gray rectangle in the middle of the scene.
Cube	This is a three-dimensional cube, which we'll render in red.
Sphere	This is a three-dimensional sphere, which we'll render in blue.
Camera	The camera determines what you'll see in the output.
Axes	These are the x, y, and z axes. This is a helpful debugging tool to see where the objects are rendered in 3D space. The x axis is colored red, the y axis ...