Learn Three.js - Third Edition

Geometries and meshes

In each of the examples so far, you've seen geometries and meshes being used. For instance, to add a sphere to the scene, we did the following:

var sphereGeometry = new THREE.SphereGeometry(4,20,20); 
var sphereMaterial = new THREE.MeshBasicMaterial({color: 0x7777ff); 
var sphere = new THREE.Mesh(sphereGeometry,sphereMaterial); 

We define the geometry (THREE.SphereGeometry), the shape of an object, and its material (THREE.MeshBasicMaterial), and we combined these two in a mesh (THREE.Mesh) that can be added to a scene. In this section, we'll take a closer look at geometries and meshes. We'll start with the geometry.