12.3 OpenGL顶点后处理:平面着色

平面着色 Flatshading

Flat shading (平面着色)是一种简化渲染技术,它在光栅化阶段将一个图元(primitive)的所有顶点赋予相同的颜色或其它输出变量的值。这些赋予的值来自于该图元的"引发顶点"(provoking vertex)。

可以通过glProvokingVertex函数来控制选取哪个顶点作为引发顶点:

cpp 复制代码
void glProvokingVertex(enum provokeMode);

其中provokeMode可以是以下两个枚举值之一:

  1. FIRST_VERTEX_CONVENTION:在这种模式下,一个多边形的第一个顶点的输出值会被用于所有其他顶点的平滑着色。
  2. LAST_VERTEX_CONVENTION:这是OpenGL的默认设置,意味着一个多边形的最后一个顶点的输出值将被用于整个图元的平滑着色。

在OpenGL着色语言(GLSL)中,当定义用户自定义的顶点着色器输出时,若想使某个输出变量进行平面着色处理,可以在声明输出变量时使用flat限定符。例如:

glsl 复制代码
out flat vec4 flatColor;

这意味着无论多边形内部如何插值,所有组成该多边形的像素都将获得同一颜色值,这个值就是由引发顶点计算得到的那个颜色值。平面着色所需的OpenGL状态只包含一个位,即引发顶点模式,初始值为LAST_VERTEX_CONVENTION。

例如,假设我们有一个顶点着色器,在其中定义了一个带有flat限定符的颜色输出:

glsl 复制代码
#version 330 core

in vec4 vertexPosition;
in vec4 vertexColor;

out flat vec4 flatVertexColor; // 使用 'flat' 限定符声明的输出变量

void main() {
    gl_Position = vertexPosition;
    
    if (vertexPosition.y > 0.5) { // 假设y坐标大于0.5的顶点颜色为红色
        flatVertexColor = vec4(1.0, 0.0, 0.0, 1.0); // 红色
    } else {
        flatVertexColor = vec4(0.0, 0.0, 1.0, 1.0); // 蓝色
    }
}

在这个例子中,我们将根据顶点的位置信息决定输出的颜色。当使用平面着色时,即使三角形内部有多个顶点,最终渲染出来的颜色将是引发顶点(在这种情况下,默认是最后一个顶点)的颜色。

如果我们在OpenGL代码中设置ProvokingVertex为LAST_VERTEX_CONVENTION,那么在光栅化阶段,三角形的每个像素都将采用其最后一个顶点计算出的flatVertexColor值。

cpp 复制代码
// 设置引发顶点模式为默认值:LAST_VERTEX_CONVENTION
glProvokingVertex(GL_LAST_VERTEX_CONVENTION);

// 绘制三角形
glDrawArrays(GL_TRIANGLES, 0, 3);

这样一来,对于由三个顶点构成的三角形来说,不论内部插值如何,整个三角形都会呈现为引发顶点所对应的颜色。

相关推荐
sbjdhjd8 小时前
从参考图到可复用门窗:3ds Max 建筑场景建模的比例校准与结构拆分
3d·图形渲染·3dsmax·几何学·建模·三维建模·3dcoat
DolitD1 天前
国产信创+实时云渲染:数字孪生智慧矿山UE5流畅推流
3d·信息可视化·云计算·图形渲染·数据可视化
郝学胜-神的一滴2 天前
游戏设计:原型与开发 07:像游戏设计师一样工作
图像处理·游戏·unity·图形渲染·游戏策划·游戏设计
远离UE43 天前
拉格朗日 动力学问题
ue5·图形渲染·图形学·动力学
Cx330❀4 天前
深入浅出 Qt 绘图机制:从 QPainter 到四大图像类解析
开发语言·qt·ui·性能优化·图形渲染
MustardJim4 天前
UE 5.3.2 新增 Shading Model
图形渲染·虚幻引擎
DolitD8 天前
水利数字孪生走向深水区,点量云流实时云渲染落地实践
安全·云原生·云计算·图形渲染
遇码9 天前
macOS 触摸板捏合在 GPUI 里无响应:vendor 打补丁,把手势合成为 cmd+滚轮事件
rust·图形渲染·策略模式·桌面应用·gpui
Cx330❀11 天前
Qt 界面美化指南:从零掌握 QSS 核心机制与工程实践
开发语言·qt·ui·性能优化·图形渲染
ggb喔14 天前
52pojie 的图片工具:为什么无损转换后体积涨了 6 倍、照片方向还是歪的
图像处理·python·算法·计算机视觉·图形渲染·媒体