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代码中设置ProvokingVertexLAST_VERTEX_CONVENTION,那么在光栅化阶段,三角形的每个像素都将采用其最后一个顶点计算出的flatVertexColor值。

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

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

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

相关推荐
John_ToDebug7 小时前
深度解析:SVG、VectorIcon 和 位图图像的区别与优劣势
chrome·windows·图形渲染
xixixi7777717 小时前
从“视觉感知”到“逻辑结构”的转化,是计算机从“看到像素”到“理解含义”的认知飞跃
图像处理·图形渲染·逻辑结构·视觉感知
明洞日记1 天前
【VTK手册019】 深入理解 vtkProperty:从几何表达到 PBR 物理渲染
c++·图像处理·算法·vtk·图形渲染
明洞日记2 天前
【VTK手册017】 深入详解 vtkImageMathematics:医学图像的基本算术运算
c++·图像处理·算法·vtk·图形渲染
BoBoZz192 天前
QuadraticHexahedronDemo 非线性单元的展示与窗口交互
python·vtk·图形渲染·图形处理
郝学胜-神的一滴3 天前
Horse3D游戏引擎研发笔记(十):在QtOpenGL环境下,视图矩阵与投影矩阵(摄像机)带你正式进入三维世界
c++·3d·unity·游戏引擎·godot·图形渲染·unreal engine
BoBoZz193 天前
TessellatedBoxSource 创建并渲染一个细分的、可移动的箱体模型
python·vtk·图形渲染·图形处理
海中有金3 天前
UE4 内存池浅谈[3]——3代内存池对比总观
ue4·图形渲染
郝学胜-神的一滴4 天前
OpenGL错误检查与封装:构建健壮的图形渲染系统
开发语言·c++·程序人生·软件工程·图形渲染
DBBH5 天前
Cesium源码分析之渲染3DTile的一点思考
图形渲染·webgl·cesium.js