相关疑难解决方法(0)

这是我想要实现的(一个可修改的多边形,其中红色圆圈是顶点),我想动态构建多边形.

在启动几何体时

var geometry = new THREE.Geometry();

geometry.vertices.push(point);
geometry.vertices.push(point);

var line = new THREE.Line(geometry, new THREE.LineBasicMaterial({}));

它运行良好,直到第二次单击,它在1和2之间构建一条直线,但是当它被推送到数组时不会添加第三条线.WebGL似乎需要缓冲点.

当我预定义像这样的顶点我可以画两条线(第三次点击)

var geometry = new THREE.Geometry();

for (var i = 0; i < 4; i++) {
    geometry.vertices.push(point);
}

var line = new THREE.Line(geometry, new THREE.LineBasicMaterial({}));

但这不是一个好的解决方案,因为我不知道用户想要添加多少个顶点,因为我需要多次循环它,所以分配它是没有意义的.

它有什么办法吗？

我想使用 dat.GUI 来操作网格顶点的坐标。

起初我以为我可以删除网格的每一帧来重新创建它们，但后来我发现这不是一个好方法。

我应该使用 verticesNeedUpdate 吗？Three.js 文档中似乎没有