一、渲染管线概述：从顶点到像素的旅程

大家好，我是你们这趟图形学之旅的向导。今天咱们聊聊渲染管线——说白了，就是计算机怎么把一堆数字变成你屏幕上那个漂亮画面的全过程。

我记得刚入行那会儿，带我的老工程师跟我说过一句话：「渲染管线就是图形学的骨架，你把它吃透了，后面学啥都顺。」这么多年下来，我深以为然。

1.1 什么是渲染管线？

渲染管线，你可以把它想象成一条流水线。原料是顶点数据、纹理、光照信息，经过一道道工序，最终产出屏幕上每个像素的颜色值。

这个过程是高度并行的。你想想看，屏幕上几百万个像素，如果一个个算，那得等到猴年马月？GPU 之所以快，就是因为它把这条流水线拆成了多个阶段，每个阶段都能同时处理大量数据。

1.2 固定管线 vs 可编程管线

这里有个重要的分水岭——固定管线与可编程管线。我在项目中遇到过不少新手，搞不清这两者的区别，写出来的代码要么效率低，要么效果出不来。

对比维度	固定管线	可编程管线
灵活性	低，只能配置参数	高，可自定义处理逻辑
性能	固定优化，但场景受限	按需优化，潜力更大
学习曲线	平缓，上手快	陡峭，需要理解着色器
代表技术	OpenGL 1.x, DirectX 9 之前	OpenGL 3.0+, DirectX 10+

固定管线时代，你只能调调参数——比如「这个光源是点光源还是方向光」「材质是金属还是塑料」。GPU 内部写死了处理逻辑，你改不了。

可编程管线就不一样了。你可以写自己的着色器程序，告诉 GPU：「顶点怎么变换」「像素怎么着色」。说白了，从「选套餐」变成了「自己做饭」。

1.3 管线的各个阶段

咱们把管线拆开看看，从顶点到像素，到底经历了什么。

1.3.1 顶点处理阶段

输入是模型的顶点数据——位置、法线、纹理坐标。顶点着色器负责把这些顶点从模型空间变换到屏幕空间。

为什么会需要变换？你想想看，模型是在自己的坐标系里建的，但场景里有几十个模型，得把它们放到同一个世界坐标系里，再通过相机视角投影到屏幕上。

// 一个简单的顶点着色器示例
#version 330 core
layout (location = 0) in vec3 aPos;
layout (location = 1) in vec3 aNormal;

uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;

void main()
{
    gl_Position = projection * view * model * vec4(aPos, 1.0);
}

这段代码看着简单，但背后涉及矩阵运算、坐标变换。我曾经在项目里因为矩阵乘法的顺序搞反了，结果模型渲染出来歪七扭八，排查了半天才发现问题。

1.3.2 光栅化阶段

顶点处理完，得到的是三角形的三个顶点。光栅化要做的，就是判断哪些像素被这个三角形覆盖了。

嗯，这里要注意：光栅化是固定功能阶段，你不能编程干预。但你可以通过一些参数控制它的行为，比如是否开启深度测试、是否启用背面剔除。

1.3.3 片段处理阶段

光栅化产出的叫「片段」，每个片段对应屏幕上的一个像素。片段着色器负责计算这个像素最终的颜色。

这里可以做很多事情：纹理采样、光照计算、阴影处理、后期特效。片段着色器是 GPU 里执行次数最多的程序——你想想看，1920×1080 的分辨率，每秒 60 帧，那就是 1.2 亿次调用。

// 一个简单的片段着色器示例
#version 330 core
out vec4 FragColor;

in vec2 TexCoord;
in vec3 Normal;
in vec3 FragPos;

uniform sampler2D texture1;
uniform vec3 lightPos;
uniform vec3 lightColor;

void main()
{
    // 漫反射光照
    vec3 norm = normalize(Normal);
    vec3 lightDir = normalize(lightPos - FragPos);
    float diff = max(dot(norm, lightDir), 0.0);
    vec3 diffuse = diff * lightColor;
    
    // 纹理采样
    vec4 texColor = texture(texture1, TexCoord);
    
    // 最终颜色
    FragColor = texColor * vec4(diffuse, 1.0);
}

1.3.4 输出合并阶段

最后一个阶段，把片段着色器算出来的颜色写入帧缓冲区。这里要处理深度测试、模板测试、混合操作。

说白了，就是决定哪个像素在最前面、半透明物体怎么叠加、要不要裁剪某些区域。

1.4 管线的并行特性

GPU 之所以能跑这么快，靠的是大规模并行。渲染管线的每个阶段都可以同时处理多个数据。

• 顶点并行：几千个顶点可以同时做变换
• 片段并行：几百万个片段可以同时算颜色
• 流水线并行：不同阶段可以同时工作——顶点着色器在处理下一帧，光栅化在处理当前帧，片段着色器在处理上一帧

我个人习惯用「工厂流水线」来理解这个并行。一条流水线上，不同工位同时干活，但处理的是不同的产品。GPU 里也是这样，只不过它的「产品」是像素。

1.5 从固定到可编程的演进

为什么图形界要从固定管线转向可编程管线？说白了，是需求驱动的。

早期的 3D 游戏，效果就那么几种——简单的光照、基本的纹理映射。固定管线够用了。但后来大家想要更真实的效果：全局光照、次表面散射、动态模糊……固定管线那套参数配置根本搞不定。

我记得 2005 年左右，NVIDIA 和 ATI 开始推可编程着色器。那时候我还年轻，觉得「写代码控制 GPU」这事太酷了。虽然当时的着色器语言还很原始，但已经能做出固定管线做不到的效果了。

1.6 现代管线的扩展

现在的渲染管线已经比传统管线复杂多了。除了顶点和片段着色器，还多了几何着色器、细分曲面着色器、计算着色器。

• 几何着色器：可以在 GPU 上生成或销毁顶点，适合做粒子系统、毛发渲染
• 细分曲面着色器：把粗糙的模型变光滑，适合做地形、角色
• 计算着色器：不局限于图形，可以做通用计算——物理模拟、后处理、甚至 AI 推理

这些扩展让 GPU 不再只是「画图卡」，而是变成了一个通用的并行计算平台。这也是为什么现在大家都在说「GPU 计算」——它不仅能渲染，还能做科学计算、深度学习。

1.7 小结

这一章咱们聊了渲染管线的整体框架。从顶点到像素，经历了顶点处理、光栅化、片段处理、输出合并四个主要阶段。固定管线是过去式，可编程管线才是现在和未来。

下一章，我会带大家深入顶点着色器，聊聊矩阵变换的那些坑。到时候我会分享一个我在实际项目中踩过的雷——因为一个矩阵乘法的顺序问题，整个场景渲染出来都是反的。嗯，那故事挺有意思的。

---

公众号：蓝海资料掘金营，微信 deep3321