如何用Three.JS绘制n-Sided区域

Question

我想用Three.JS绘制一个n-Sided区域。将给出所有Vector3及其顺序并将其添加到几何顶点数组中。 coorinates看起来像（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();

希望有所帮助

ALA