OpenGL平滑着色失效求助：基于Perlin Noise生成3D模型

嘿，我明白你遇到的困扰了——明明按步骤计算了顶点法线，结果却还是跟平面着色一样，而且还不能用现代着色器，得用旧的渲染方式。结合你说的情况，我来帮你排查几个大概率的问题：

1. 顶点重复实例化是最常见的原因 #

很多时候用Perlin Noise生成模型时，开发者会为每个三角形单独创建三个顶点，哪怕这些顶点在空间中是同一个位置。比如你生成三角形时，可能是这样的伪代码：

void Island::generateTriangles() {
    for (int i = 0; i < triangleCount; i++) {
        Vec3 p1 = getPerlinPoint(i, 0);
        Vec3 p2 = getPerlinPoint(i, 1);
        Vec3 p3 = getPerlinPoint(i, 2);
        // 每个三角形都新建三个顶点，哪怕p1和另一个三角形的顶点位置完全相同
        Triangle tri(new Vertex(p1), new Vertex(p2), new Vertex(p3));
        triangles.push_back(tri);
    }
}

这种情况下，每个顶点只属于一个三角形，你计算顶点法线时，平均的结果就是这个三角形的面法线，自然看起来和平面着色没区别。

解决办法：

• 先创建一个顶点映射表，把空间位置相同的顶点合并成同一个实例：

std::unordered_map<Vec3, Vertex*, Vec3Hash> vertexLookup;

void Island::generateTriangles() {
    for (int i = 0; i < triangleCount; i++) {
        Vec3 p1 = getPerlinPoint(i, 0);
        Vec3 p2 = getPerlinPoint(i, 1);
        Vec3 p3 = getPerlinPoint(i, 2);

        // 复用已有顶点，没有则新建
        Vertex* v1 = getOrCreateVertex(p1);
        Vertex* v2 = getOrCreateVertex(p2);
        Vertex* v3 = getOrCreateVertex(p3);

        Triangle tri(v1, v2, v3);
        triangles.push_back(tri);
    }
}

Vertex* Island::getOrCreateVertex(Vec3 pos) {
    // 注意：浮点数精度问题，最好用一个epsilon阈值判断位置是否相同
    if (vertexLookup.find(pos) == vertexLookup.end()) {
        vertexLookup[pos] = new Vertex(pos);
    }
    return vertexLookup[pos];
}

• 处理浮点数精度：如果两个顶点的距离小于1e-6左右的阈值，就认为是同一个顶点，避免因为Perlin计算的微小误差导致无法合并。

2. 旧版渲染API的平滑着色模式未开启 #

因为你用的是旧版弃用的渲染方式（比如OpenGL固定功能管线、DirectX的旧固定功能），这些API默认可能是平面着色模式，哪怕你有正确的顶点法线也没用。

解决办法：

• 如果是OpenGL：确保在渲染前调用了glShadeModel(GL_SMOOTH);，而不是GL_FLAT。
• 如果是DirectX：对应设置D3DRS_SHADEMODE为D3DSHADE_GOURAUD（平滑着色），而不是D3DSHADE_FLAT。

3. 顶点法线的计算顺序或赋值有误 #

你提到法线计算无误，但还是要再确认两个细节：

• 先相加未归一化的面法线，再归一化：正确的步骤是把顶点所属的所有面的未归一化法线相加，得到总和后再归一化得到顶点法线。如果先把每个面法线归一化再相加，结果差异不大，但极端情况下可能影响平滑效果。
• 渲染时绑定正确的顶点法线：比如用立即模式（glBegin(GL_TRIANGLES)）时，要为每个glVertex3f之后跟着对应的glNormal3f，而不是整个三角形只设置一次法线。举个例子：

// 错误的方式（平面着色）
glBegin(GL_TRIANGLES);
glNormal3fv(faceNormal);
glVertex3fv(v1->pos);
glVertex3fv(v2->pos);
glVertex3fv(v3->pos);
glEnd();

// 正确的方式（平滑着色）
glBegin(GL_TRIANGLES);
glNormal3fv(v1->normal);
glVertex3fv(v1->pos);
glNormal3fv(v2->normal);
glVertex3fv(v2->pos);
glNormal3fv(v3->normal);
glVertex3fv(v3->pos);
glEnd();

最后再检查一遍流程 #

1. 合并所有空间位置相同的顶点，确保每个唯一位置对应一个顶点实例。
2. 遍历每个三角形，计算面法线，把未归一化的法线添加到每个顶点的法线总和中。
3. 对每个顶点的法线总和进行归一化，得到最终的顶点法线。
4. 开启渲染API的平滑着色模式。
5. 渲染时为每个顶点绑定对应的顶点法线。

这样调整后，应该就能得到预期的平滑着色效果了！

内容的提问来源于stack exchange，提问作者Guillaume Wilmot