javascript - 如何使用 Three.JS 绘制 n 边区域

Question

我想用 Three.JS 绘制一个 n 面区域。所有 Vector3 及其顺序都已给出并添加到几何顶点数组中。坐标都看起来像 (x,0,y)

如何用面孔填充该区域？将区域分割成三角形是否有函数或数学问题？

我该如何解决这个问题？

Answer 1

也许您可以使用 Shape 对象来实现您的目标。

myshape = new THREE.Shape();

或者

myshape = new THREE.ShapeGeometry();

演示在这里： http: //mrdoob.github.com/three.js/examples/webgl_geometry_shapes.html

或者您只需绘制一条路径并在之后填充它

context.lineWidth = 0.05;
context.beginPath();

// draw something

context.closePath();
context.stroke();
context.fill();

希望有帮助

翼