Learn Three.js - Third Edition

THREE.BoxGeometry

THREE.BoxGeometry is a very simple 3D geometry that allows you to create a box by specifying its width, height, and depth. We've added an example, 05-basic-3d-geometries-cube.html, where you can play around with these properties. The following screenshot shows this geometry:

59 FPS(6-60)

As you can see in this example, by changing the width, height, and depth properties of THREE.BoxGeometry, you can control the size of the resulting mesh. These three properties are also mandatory when you create a new cube, as follows:

new THREE.BoxGeometry(10,10,10); 

In the example, you can also see a couple of other properties that you ...