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.

The properties and functions of a geometry

Three.js comes with a large set of geometries out of the box that you can use in your 3D scene. Just add a material, create a mesh, and you're pretty much done. The following screenshot, from example 04-geometries, shows a couple of the standard geometries available in Three.js:

59 FPS (49-60)

 

 

In Chapter 5, Learning...