📚 课程目录第3章 GPU图形渲染基础

3. GPU图形渲染基础

智能座舱中的仪表、中控、HUD、后排娱乐屏，最终都要把三维场景、二维UI、视频图层合成为一帧帧图像。GPU之所以能高效完成这件事，靠的是一条高度并行的图形渲染管线。理解这条管线，是后续做性能优化、功耗控制、多屏合成的基础。

核心结论：GPU渲染管线是一条“几何处理 → 光栅化 → 片元着色 → 纹理采样 → 帧缓冲 → 显示输出”的流水线。座舱场景中，瓶颈通常不在顶点，而在片元着色、纹理带宽和合成阶段。

一、渲染管线：从顶点到像素的流水线

现代GPU渲染管线可分为几何阶段、光栅化阶段和像素处理阶段。几何阶段处理顶点坐标变换、裁剪和投影；光栅化把图元转换为片元；像素处理阶段完成着色、纹理采样、深度测试和混合，最终写入帧缓冲。

在座舱中，仪表盘的三维车模、导航地图的倾斜视角、HUD的AR引导线，都走同一条管线。区别在于：UI图层往往用正交投影，三维场景用透视投影；视频图层则可能绕过几何阶段，直接作为纹理参与合成。

二、光栅化：把几何变成片元

光栅化的任务是把三角形、线段等图元转换为屏幕上的片元。它先做视口变换，把归一化设备坐标映射到屏幕像素；再判断每个像素是否被图元覆盖，并插值出片元的属性，如颜色、纹理坐标、法线。

座舱中，光栅化对UI元素尤其关键。一个圆角矩形按钮如果直接用几何绘制，边缘容易出现锯齿；通常需要多重采样抗锯齿（MSAA）或后处理抗锯齿。但MSAA会成倍增加片元处理量，在低功耗座舱芯片上要谨慎开启。

优化提示：UI图层优先使用预乘Alpha纹理和正确的混合模式，避免在片元着色器里做复杂分支；圆角、阴影尽量用纹理或九宫格，而不是实时几何计算。

三、着色器：GPU可编程的核心

着色器是运行在GPU上的小程序，常见类型包括顶点着色器、片元着色器、几何着色器和计算着色器。座舱渲染中，顶点着色器负责坐标变换和骨骼动画；片元着色器负责材质、光照、纹理混合和特效。

下面是一段典型的片元着色器伪代码，用于处理带纹理的UI元素：

// 片元着色器：纹理采样 + 透明度混合
in vec2 vTexCoord;
in vec4 vColor;
uniform sampler2D uTexture;
out vec4 fragColor;

void main() {
    vec4 tex = texture(uTexture, vTexCoord);
    fragColor = tex * vColor;   // 预乘Alpha
    if (fragColor.a < 0.01) discard; // 丢弃全透明片元
}

在座舱中，着色器要特别注意精度和功耗。移动端GPU对高精度浮点运算更耗电，能用mediump就不用highp；循环和分支尽量展开或避免，因为GPU擅长并行但不喜欢发散。

四、纹理映射与帧缓冲

纹理映射把二维图像贴到三维表面或UI矩形上。座舱中常见的纹理包括：仪表背景图、导航地图瓦片、字体图集、视频帧、HUD图标。纹理的过滤方式、环绕方式和Mipmap设置，直接影响画质和带宽。

帧缓冲是渲染结果的暂存区，通常包含颜色附件、深度附件和模板附件。座舱多屏场景中，每个屏幕可能有独立的帧缓冲，也可能先渲染到离屏纹理，再统一合成。离屏渲染会增加一次显存读写，但能实现圆角、模糊、阴影等效果。

阶段	主要任务	座舱关注点	常见瓶颈
顶点着色	坐标变换、光照、动画	车模骨骼动画、地图顶点	顶点数过多、属性带宽
光栅化	图元转片元、属性插值	UI边缘抗锯齿、覆盖效率	小三角形过多、MSAA开销
片元着色	纹理采样、光照、混合	材质复杂度、透明图层	过绘制、复杂分支
帧缓冲	深度测试、混合、写入	多屏合成、离屏渲染	显存带宽、分辨率
显示输出	扫描输出、时序控制	多屏同步、刷新率	撕裂、掉帧、延迟

五、案例与误区复盘

某座舱项目在中控屏上同时显示导航地图、音乐封面和车辆状态卡片，帧率从60fps掉到35fps。排查发现：音乐封面每帧都重新上传纹理，且片元着色器里做了高斯模糊。优化方案是把封面缓存为纹理，模糊改为预计算或降分辨率离屏渲染，帧率恢复到58fps。

另一个常见误区是忽视过绘制。多个半透明图层叠加时，GPU会为同一像素多次执行片元着色。座舱UI中，背景、卡片、文字、图标层层叠加，过绘制率可能超过3倍。优化手段包括：不透明物体从前到后渲染、透明物体从后到前渲染、使用深度预通道或裁剪区域。

排障提醒：如果帧率低但GPU占用不高，优先检查CPU提交和驱动开销；如果GPU占用高，优先检查片元着色复杂度、纹理带宽和过绘制。不要盲目降低分辨率，先定位瓶颈阶段。

掌握渲染管线、光栅化、着色器、纹理映射、帧缓冲与显示输出的协作关系，才能在座舱多屏、多图层、低功耗的约束下，做出既流畅又省电的图形系统。