javascript - 围绕一个点创建一个垂直于法线的三 Angular 形

Question

我想获取围绕一个点的三 Angular 形的点，其中面指向指定法线的方向。我将使用 THREE.js 将它们添加到 BufferGeometry。

非常粗略的绘图:

这是我到目前为止的代码:

//The XYZ location of a point:
var x = model.points[i*3];
var y = model.points[i*3+1];
var z = model.points[i*3+2];


//The normal vector direction:
var nx = model.normals[i*3];
var ny = model.normals[i*3+1];
var nz = model.normals[i*3+2];

如何在该点周围再选取 3 个点，这些点都垂直于法线且与该点/彼此的距离相同？

谢谢!

Answer 1

1) 计算法线与任意非平行向量的叉积。这将为您提供一个垂直于法线向量的向量。

1.5) 将垂直向量标准化并缩放到所需的大小。该向量的长度将是从三 Angular 形质心到其每个顶点的距离。

2) 将垂直向量围绕法向量旋转 2PI/3 和 4PI/3。

3) 将 3 个向量添加到中心点。