Three.js-编辑面孔

Question

我以为我会在这里问这个问题，因为在任何地方都找不到任何信息（SO或three.js文档）-如何获得特定面孔的平均x，y，z坐标？ 或者至少，有一种方法可以获取构成一个面的三个顶点的x，y，z坐标？ 然后用那些来计算平均值？

到目前为止，我有

var fLength = plane.geometry.faces.length;
for (var i = 0; i < fLength; i++) {
    var f = plane.geometry.faces[i];
    //How do I get the x,y,z of the current/i face?
    //Is there a way to move this face? 
    //Is there a way to extrude this face? Or do -anything- with it for that matter?
}

此外，除了移动顶点外，还有没有其他方法可以移动面？ 那张张脸呢？ 我意识到这是很多问题，但是对我来说，所有这些过程似乎都不明确...

Answer 1

每个Three.js Face3都包含属性a ， b和c 。 这些是同一几何对象的顶点数组的索引。 例如使用

v1 = plane.geometry.vertices[f.a];

获得代表面中第一个顶点位置的Vector3 。

Three.js没有提供太多方便的方法来修改现有对象的几何形状。 像基础图形API一样，它的重点是快速组成和显示主要是静态对象的场景（不包括顶点着色器操作）。

您必须手动调整组成面的单个顶点（并设置正确的脏标志），或者如果修改有效地修改了边缘，甚至必须重建面。 根据您的用例，使用顶点着色器执行操作可能会更简单。

关键是，构建和修改几何的主题很快就变得繁琐。 如果需要帮助，请务必提出一个特定的问题，概述所需的几何图形操作。