图形渲染管线入门：从顶点到像素的奇幻旅程
说实话，我刚接触图形渲染管线那会儿，觉得这东西特别神秘。一堆数据进去，怎么就能变成屏幕上漂亮的画面？后来自己动手写了个软件渲染器，才真正搞明白——渲染管线其实就是一套流水线，把3D数据一步步变成2D像素。今天我就带你走一遍这条管线，看看每个环节到底在干什么。
核心概念：渲染管线（Rendering Pipeline）是GPU处理图形数据的固定流程。它分为三个阶段：应用程序阶段、几何阶段、光栅化阶段。我们重点讲几何和光栅化。
顶点着色器：给每个顶点找个位置
顶点着色器是管线的第一站。它的工作很简单：处理每个顶点。说白了，就是把模型空间里的顶点坐标，通过矩阵变换，转到屏幕空间。
我个人习惯把顶点着色器想象成「点外卖时填地址」——你告诉GPU每个顶点该去哪儿。它不关心三角形、不关心纹理，只关心一个个独立的点。
// 一个最简单的顶点着色器（GLSL）
#version 330 core
layout (location = 0) in vec3 aPos; // 顶点位置
uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;
void main() {
// 模型→世界→观察→裁剪空间
gl_Position = projection * view * model * vec4(aPos, 1.0);
}小技巧：我在项目中遇到过，很多人把顶点着色器当成「做复杂计算的地方」。其实不对！顶点着色器每个顶点执行一次，如果模型有100万个顶点，它就执行100万次。所以尽量少做数学运算，把复杂计算放到片段着色器或者计算着色器里。
光栅化：把三角形变成像素
顶点着色器处理完顶点后，GPU知道每个三角形在屏幕上的位置了。但三角形是连续的几何体，屏幕是离散的像素网格。怎么把三角形「切」成像素？这就是光栅化干的事。
你想想看，一个三角形覆盖了哪些像素？光栅化器会逐个判断：每个像素中心是否在三角形内部。如果在，就生成一个片段（Fragment）。片段可以理解为「待处理的像素候选者」。
关键点：光栅化阶段不可编程，由GPU硬件固定完成。你没法改它的算法，但可以控制它的行为（比如开启/关闭背面剔除）。
我记得第一次写软光栅化时，被「像素覆盖判断」折磨得不轻。后来发现GPU硬件做得又快又准，根本不用操心。嗯，这里要注意：光栅化会生成比最终像素更多的片段，因为一个像素可能被多个三角形覆盖（比如透明物体）。
片段着色器：给像素上色
光栅化之后，每个片段都会进入片段着色器。这是你发挥创意的地方——决定每个像素最终的颜色。
片段着色器可以访问纹理、光照、法线等各种数据。它输出一个颜色值，但注意：这个颜色不一定是最终颜色，后面还有深度测试和模板测试等着呢。
// 一个简单的片段着色器
#version 330 core
out vec4 FragColor;
uniform vec3 objectColor;
uniform vec3 lightColor;
void main() {
// 简单光照：环境光 + 漫反射
float ambientStrength = 0.1;
vec3 ambient = ambientStrength * lightColor;
vec3 result = ambient * objectColor;
FragColor = vec4(result, 1.0);
}避坑指南：我曾经在项目里犯过一个低级错误——片段着色器里写了大量循环和分支。结果帧率直接掉到个位数。片段着色器每个像素执行一次，1080p分辨率下就是200多万次！所以条件分支要谨慎，能用纹理查找就别用if-else。
深度测试：谁在前面谁可见
深度测试解决的是「遮挡问题」。场景里物体有前有后，后面的物体被前面的挡住了，就不该显示。
GPU维护一个深度缓冲区（Depth Buffer），记录每个像素当前最近的深度值。当新片段过来时，比较它的深度和缓冲区里的深度：
- 如果新片段更近（深度值更小），就覆盖颜色并更新深度
- 如果新片段更远，就直接丢弃
说白了，这就是个「谁离相机近谁赢」的游戏。我建议你默认开启深度测试，除非你有特殊需求（比如渲染半透明物体）。
个人经验：深度测试的精度问题坑过我好几次。深度缓冲区通常是24位，在远距离场景下精度不够，会出现Z-fighting（两个面交替闪烁）。解决办法：调整近远裁剪面，让它们尽量贴近实际场景范围。
模板测试：给像素贴标签
模板测试比深度测试灵活得多。它维护一个模板缓冲区（Stencil Buffer），每个像素存一个8位的整数值（0-255）。你可以自定义规则：
- 什么时候更新模板值
- 什么时候通过/不通过测试
模板测试的经典应用是镜面反射：先在镜子位置渲染一个形状，把模板值标记为1。然后只渲染模板值为1的区域，就能实现「只在镜子里显示倒影」的效果。
| 测试类型 | 缓冲区 | 典型用途 | 可编程性 |
|---|---|---|---|
| 深度测试 | 深度缓冲区（24位） | 遮挡剔除 | 比较函数可选 |
| 模板测试 | 模板缓冲区（8位） | 镜面、轮廓、遮罩 | 完全可配置 |
总结一下：渲染管线就像工厂流水线——顶点着色器负责「定位」，光栅化负责「切割」，片段着色器负责「上色」，深度和模板测试负责「质检」。每个环节各司其职，最终产出你看到的每一帧画面。
说实话，理解这条管线是GPU开发的第一步。我当年花了整整一周才把每个环节的输入输出搞清楚。别急，慢慢来，后面我们会深入每个阶段，用代码把它们串起来。