javascript - 如何使用 4 个 Angular 的位置获取 3d 平面的 Angular

Question

大约 6 个月前，我开始制作 3D 图形引擎。 它看起来已经非常好了。我已经实现了旋转、平移、缩放、Z 缓冲区(画家算法)……我现在正在研究镜面着色器。为此，我需要某种方法来获取各个面孔的 Angular 我的问题是，如何仅知道四个 Angular 的位置来获得平面的 Angular ？

这是我到目前为止得到的:

function faceAngle(verts,faces){
    var arr = [];
    for(var i=0;i<faces.length;i++){
    var posA = verts[faces[i][0]];//the four corners
    var posB = verts[faces[i][1]];//    A       B
    var posC = verts[faces[i][2]];//      -----
    var posD = verts[faces[i][3]];//     |     |
                                  //     |     |
    var ar = [];                  //      -----
    ar.push(/*some Maths*/);//x   //    D       C
    ar.push(/*some Maths*/);//y
    ar.push(/*some Maths*/);//z
    arr.push(ar);
    }
    return arr;
}

Answer 1

空间中平面的方向由法向量定义。要获得此向量，请计算 cross product of two edges (属于飞机)。因此，您只需要平面上的三个非共线点。

n = (posB - posA) x (posC - posA)   //cross product of two vectors

请注意，归一化(单位)法向量的分量为 direction cosines