three.js - 是否可以在 Three.js 中使用带缓冲几何的三角形带？

Question

在the example对于 BufferGeometry，绘制了一个具有 18 个顶点位置(即 9 个顶点位置，镜像)的矩形。

我知道 WebGL 有 Triangle Strip 和 Triangle Fan 类型，我想知道，是否可以在 Three.js 中使用它们，这样顶点就不必重复了？

Answer 1

在 three.js r.112 之前，支持 Triangle Strip 和 Triangle Fan 绘制模式。

mesh = new THREE.Mesh( geometry, material );

mesh.drawMode = THREE.TriangleStripDrawMode;
//mesh.drawMode = THREE.TriangleFanDrawMode;
//mesh.drawMode = THREE.TrianglesDrawMode; // default

从 r.112 版本开始，仅支持三角形绘制模式。但是，您可以使用 BufferGeometryUtils.toTrianglesDrawMode()将您的 Triangle Strip 或 Triangle Fan BufferGeometry 转换为受支持的 Triangle List 几何体。

three.js r.126