如何将Three.js中自定义控制几何体的点与面属性巧妙地编织成一个长尾？

本文共计1496个文字，预计阅读时间需要6分钟。

场景+Three.js库中的geometry及其它三维库中类似的结构，基本是三维空间中的点集，以及将这些点连接起来的面。例如，一个正方体：有6个面，8个角。每个角都可以定义为角。

场景

Three.js库中的geometry和其他大多数三维库中的一样，基本上是三维空间中的点集，

以及一些将这些点连接起来的面。举例来说，一个方块:

1、一个方块有8个角。每个角都可以定义为X, y和z坐标的一个组合。所以每个方块

都是三维空间中的8个点。在Three.js库中，这些点称为顶点(vertice) 。

2、一个方块有6个侧面，每个角有一个顶点。在Three.js库里，每个侧面称为面(face)。

当你使用Three. j s库提供的这些几何体时，你不必亲自定义所有的这些顶点和面。对于

一个方块来讲，你只要定义长宽高即可。Three js库会利用这些信息，在正确的位置创建一

个拥有8个顶点的几何体，并用正确的面连接起来。尽管你可以使用Three js库提供的几何

体，或者自动生成，但是你仍然可以通过定义顶点和面，手工创建几何体。