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 一样，它的重点是快速组合和显示大部分是静态对象的场景（除了顶点着色器操作）。

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

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