3.1 使用几和网格对象.docxVIP

PAGE7 / NUMPAGES8 3.1 使用几何和网格对象 Three.js库附带了很多现成的几何体，你可以在三维场景中使用它们。只要加上材质、创建一个mesh变量，基本上就算完成了。 本文主要介绍如何用这些几何体的基类Geometry手工创建几何体。 Three.js库中的geometry和其他大多数三维库中的一样，基本上是三维空间中的点集，以及一些将这些点连接起来的面。举例来说，一个方块： 一个方块有8个角。每个角都可以定义为x、y和z坐标的一个组合。所以每个方块都是三维空间中的8个点。在Three.js库中，这些点称为顶点（vertice）。 一个方块有6个侧面，每个角有一个顶点。在Three.js库里，每个侧面称为面（face）。 当你使用Three.js库提供的这些几何体时，你不必亲自定义所有的这些顶点和面。对于一个方块来讲，你只要定义长宽高即可。Three.js库会利用这些信息，在正确的位置创建一个拥有8个顶点的几何体，并用正确的面连接起来。 尽管你可以使用Three.js库提供的几何体，或者自动生成，但是你仍然可以通过定义顶点和面，手工创建几何体。创建方法可以参考下面的代码片段： var vertices = [ new THREE.Vector3(1,3,1), new THREE.Vector3(1,3,-1), new THREE