This chapter explains the components of a Three.js scene in detail, including the different kinds of renderers, geometries, materials, and lighting. We will also build a procedurally generated city.
Geometries are instances of
THREE.Geometry that define the shape of an object in a scene. They are made up of vertices and faces (which are themselves objects and are accessible through the
faces array properties). Vertices are the
THREE.Vector3 objects representing points in three-dimensional space, while faces are the
THREE.Face3 objects representing triangular surfaces. (All more complex shapes are subdivided into triangular faces for rendering purposes.)
Luckily, dealing with vertices and faces directly ...