渲染管线概述 · 技术美术必修课

渲染管线概述

技术美术必修课 · 核心基础 TA必掌握

导读 · 渲染是计算机图形学中最重要的研究课题之一。作为技术美术，掌握渲染管线是理解一切图形效果的基础。本文精炼梳理从 CPU 到 GPU 的完整流程，助你建立清晰的知识框架。

渲染的本质

定义 · 分类

🎯 核心定义

将 3D 模型数据转换为 2D 图像的过程。这是计算机图形学中最核心的研究课题之一。

⚡ 两大分类

离线渲染：影视制作，几分钟～几小时/帧，追求极致真实
实时渲染：游戏/VR，需 24～60 帧/秒，必须优化加速

渲染管线总览

CPU → GPU 完整流程

▎ 从相机按下快门到图像显示

剔除 → 排序 → 提交数据 → SetPass + DrawCall

⬇

顶点处理 → 图元装配 → 光栅化 → 片元处理 → 输出合并

⬇

帧缓冲区 → 屏幕显示 (后处理)

■ CPU端　 ■ GPU端　硬件自动

💡 类比理解

渲染就像拍照：① 找对象（场景物体）→ ② 架相机（放置摄像机）→ ③ 按快门（Camera.Render）。剔除→排序→提交，就是拍照前的准备工作。

CPU端 · 三大核心任务

应用程序阶段

✂️ 剔除 —— 排除看不见的物体

视锥体剔除：物体与摄像机视锥做碰撞检测，完全在外则剔除。用 AABB包围盒简化计算
层级剔除：按指定层级选择性排除（如 UI 层、特效层）
遮挡剔除：被前方物体完全挡住的部分不渲染

注意：裁剪(Clip) vs 剔除(Culling) 不同 —— 裁剪针对三角面，剔除针对整个物体

🔢 排序 —— 确定渲染顺序

通过渲染队列 (RenderQueue) 控制：

不透明队列 ( < 2500 )：默认 2000，从前到后排序（优化：减少重复绘制）
半透明队列 ( > 2500 )：默认 3000，从后到前排序（保证混合正确性）

⚠️ 半透明排序是实时渲染中最头疼的问题之一，复杂物体内部难以完美处理。

📦 提交数据 + 发送指令

按排序结果逐个提交：模型数据（顶点坐标/法线/UV/索引）+ 材质参数 + Shader。

两条关键指令：SetPass（设置渲染状态）→ DrawCall（通知GPU开始渲染）

GPU端 · 四大处理阶段

顶点 → 图元 → 片元 → 输出

📍 ① 顶点处理

MVP变换：模型空间 → 世界空间 → 相机空间 → 裁剪空间

顶点着色器每个顶点调用一次，输出裁剪坐标 + 自定义数据。

🔺 ② 图元装配 + 光栅化

点连成线 → 组装成三角形 → 光栅化插值生成片元（潜在像素）

深度值、颜色、UV 等数据通过插值传递给每个片元。

背面剔除：顺时针为背面，逆时针为正面

🎨 ③ 片元处理

片元着色器每个片元调用一次，任务：上色

主要技术：纹理映射（UV采样）+ 光照计算（Phong模型等）

🧪 ④ 输出合并

处理片元之间的前后遮挡与混合：

深度测试：Z值小的胜出（靠前）
Alpha测试：透明度低于阈值丢弃
混合：半透明叠加计算

结果输出到帧缓冲区 → 最终显示到屏幕

📐 深度测试机制

每个片元携带深度值 (Z)，与深度缓冲区中对应位置的值比较：

若当前片元 Z < 缓冲区 Z → 通过测试，更新缓冲区并写入颜色
若当前片元 Z ≥ 缓冲区 Z → 失败，不写入颜色

可控制 ZWrite（深度写入开关）和 ZTest（比较规则），实现多种效果。

核心概念速览

模型 · 纹理 · 光照

🧊 模型的本质

由顶点坐标 + 法线 + UV + 索引列表组成的三角面数据。引擎只识别三角面，四边面会自动转换。

.obj 文件中 "f 1/1/1 2/2/1 3/3/1" 即一个三角面

🧵 纹理技术五要素

纹理采样：UV坐标映射到纹素
过滤：点采样 / 双线性插值
Mipmap：多级纹理链，缓解远距离闪烁
寻址模式：Repeat / Clamp / Mirror
压缩格式：ETC2 / ASTC / PVRTC

☀️ Phong光照模型 — 经典基础

物体表面颜色由三部分构成：

漫反射 (Diffuse)：n·l，法线与光线夹角，各向均匀反射
镜面反射 (Specular)：r·v，反射光线与视线夹角，光滑度控制衰减
环境光 (Ambient)：间接光照的简化模拟

💡 现代 PBR 在此基础上扩展，但 Phong 奠定了分析光照的基本框架：直接光漫反射 + 直接光镜面反射 + 间接光漫反射 + 间接光镜面反射。

❝

金句摘录

来自课程

不要想着通过一个多小时的课程就把这些基础原理理解通透，这是一个漫长的学习过程。

半透明渲染是实时渲染领域最头疼的一个问题，排序问题很难完美解决。

Phong光照模型太经典了，它奠定了所有光照模型的基础。

➤

行动建议

课后巩固

找正式资料巩固：阅读《Unity 精要》、闫令琪 GAMES101 系列
动手写 Shader：在实践中反复翻看原理，逐步加深理解
默写渲染管线流程图：面试常考，也是你自己的知识地图
用四维框架分析光照：直接光漫反射 + 直接光镜面反射 + 间接光漫反射 + 间接光镜面反射

CuteNote.app 颜值笔记生成