原文链接
在上一个post中，我们浏览了一下如何使用相机和一些光来建立一个Three.js场景。下一步，就是在这个场景里添加一些对象。
了解一点儿3D建模名词会帮助我们能够更加方便的添加一个3D模型到一个WebGL场景中。
3D模型（或网格mesh）由顶点（vertice）、边（edge）和面（face）组成。
顶点（vertex）：三边的交点。
边缘（edge）：两个面相交的边。
面（face）：组成模型的面的多边形。
所有的3D模型（也称为网格）都可以分解成这些小三角形。你可以通过制定所有顶点的位置构造自己的几何模型，但是Three.js的伟大之处在于，它会为你创建原始形状提供一堆方法。
边注：在本次教程中的例子，我将使用网格材质。我故意不处理材质（material）的部分，是因为我想要保持本篇文章的重点在几何体上。但是我们未来会涉及到材质（material）。
让我们来看看如何在一个3D场景里添加一些几何体。
THE CODE TO CREATE A CUBE
// create some geometry - this is how you create some square
// geometry using the BoxGeometry method
var geometry = new THREE.BoxGeometry( 20, 20, 20);
// create a material
var material = new THREE.MeshNormalMaterial();
// add the geometry to the mesh - and apply the material to it
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );
复制代码THE RESULT
正如你所看到的，通过使用scene.add(cube)，它会把我们制作的网格放在我们场景的坐标为（0,0,0）的位置上。正如我们的相机和光，我们可以更新立方体的位置。我们也可以使我们想在这里创建的立方体旋转起来，当它像上图这样展示的时候，我们甚至无法辨别它是个立方体。
POSITION AND ROTATE THE MESH
// rotate cube
cube.rotation.x = 0.45;
cube.rotation.y = -0.25;
// shift cube on the x axis
cube.position.x = -30;
复制代码现在它看起来像个立方体了。比起之前普通的立方体，Three.js会给你更多的操作。你甚至可以做一个非常酷的二十面体：
需要记住，立方体、二十面体或别的使用Three.js geometry方法创建的对象，他们都是同一个东西——几何体——他们都只是在不同位置上有不同数量的顶点。
MODIFYING GEOMETRY VERTICES
// update cube vertices
for (var i = 0, l = geometry.vertices.length; i<l; i++) {
// we'll move the x & y position of each vertice by a random amount
geometry.vertices[i].x += -10 + Math.random()*20;
geometry.vertices[i].y += -10 + Math.random()*20;
}
复制代码最后的结果是一个（随机）摇晃的立方体状物体。
现在，知道了你可以对原始几何体有这样的微调控制后，你就可以构造你想要的东西了！
这里有一些我非常喜欢的例子，它们都是CodePen的朋友们结合运用了Three.js后做出来的很棒的东西：
现在我们把几何学引入场景。你可以做的最好的事情就是开始尝试实现不同的形状。
说真的，去试试看。去创建一个场景，尝试去添加几个不同的网格，并改变他们的位置和旋转。打乱他们的顶点，从中去获得乐趣！如果你不想写JavaScript，相反只是想看看Three.js的几何，可以查看Three.js编辑器，它真的是个非常棒的资源，因为你可以直接通过图形界面向场景中添加几何体。
你甚至可以从3D程序中获取更多复杂的几何体，并且把他们添加到你的Three.js场景中。这些我会解释如何去操作，但是我想以后找一天会把它当作一个post来说的。
我真心的希望诸君在这个系列的未来的post里加入我，我们可以在这里给那些对象们披上材质、实现用户输入、3D适量数学、相机工作、粒子、着色器，甚至是更多！如果你有任何的问题、或指正、或是任何的建议，我也一如既往的喜欢您在文章下方的评论。