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);

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

相关推荐
yyt3630458412 天前
KLineChartQuant:GLSL 的精度问题及 RTC 解法
前端·vue.js·react.js·交互·图形渲染·webgl·数据可视化
拿我格子衫来3 天前
Beam Studio:矢量图与位图如何变成 G-code
图像处理·图形渲染
maybeyaluokenai3 天前
unity build in渲染管线概述
unity·图形渲染
DolitD4 天前
实时云渲染多应用并发:CELL容器技术突破3D隔离瓶颈
云原生·容器·实时互动·图形渲染·数据可视化
hele_two5 天前
C++模拟蚁群(二)
c++·算法·数学建模·图形渲染
郝学胜-神的一滴5 天前
CMake 047:解锁安装阶段自定义操作,告别配置阶段提前执行坑
运维·服务器·c++·游戏引擎·图形渲染·opengl
拿我格子衫来6 天前
LaserWeb4:矢量图与位图如何变成 G-code
图像处理·图形渲染
破竹1513 天前
OpenGL ES调试汇总
图形渲染·着色器
郝学胜-神的一滴17 天前
Horse3D 游戏引擎研发笔记(七):Clydesdale——从流式日志到多输出订阅
c++·qt·unity·游戏引擎·图形渲染·unreal engine·opengl
杨丰玮41818 天前
从零手写Java飞机躲障碍游戏|Swing绘图、鼠标跟随、计时器碰撞检测实战(五)
java·python·游戏·游戏引擎·图形渲染·动画·贴图