· RENDERING KNOWLEDGE

渲染知识体系

从 Shader 切入,贯穿渲染管线全链路

以材质与 Shader 为切入点,向上覆盖着色模型与光照理论,向下贯穿渲染管线、Render Pass 与 GPU 图形管线,并延伸至移动端渲染架构,构成完整的渲染知识地图。

RENDERING KNOWLEDGE FRAMEWORK · 交互式数据流

渲染知识框架:详细开发指导

一切都是数据流动——从目标效果到最终资产的可执行研发方法论,点击任意概念查看其在数据流中的定位与上下游关联。

01

材质与 Shader

Material & Shader

渲染的入口:材质属性定义表面外观,Shader 决定其计算方式。

  • 材质属性

    BaseColor / Normal / Roughness / Metallic / AO / Emissive 等 PBR 标准输入

  • Shader 类型

    Surface / PostProcess / Compute / Niagara 粒子 Shader

  • HLSL / GLSL 语法与优化

    指令数控制、分支优化、寄存器压力、精度选择(half/float)

02

着色模型

Shading Model

描述光与表面交互的数学模型,是画面质感的理论基础。

  • BRDF 理论

    Lambert / GGX / Disney Principled / Charlie(布料 Sheen)

  • 材质模型

    金属 / 非金属 / 皮肤(SSS)/ 头发 / 布料 / 冰 / 水

  • 光照理论

    直接光 / 间接光 / 环境光 / IBL(基于图像的光照)

03

渲染管线

Rendering Pipeline

决定场景以何种策略被绘制,是渲染架构层面的核心选型。

  • 前向渲染

    Forward / Forward+ / Clustered Forward

  • 延迟渲染 Deferred

    GBuffer 布局 / Lighting Pass / 带宽权衡

  • 混合渲染

    移动端混合管线 / VR 渲染(多视口、Foveated)

  • 特殊管线

    Lumen / Nanite / TSR / VSM / 硬件光线追踪 RT

04

渲染阶段

Render Pass

一帧画面的分解:各 Pass 的职责、顺序与依赖关系。

  • 几何与深度

    深度预通道 DepthPrePass / BasePass / Shadow Pass

  • 光照与反射

    Lighting / Reflections / Translucency(半透明)

  • 后处理与 UI

    PostProcess(Bloom / TAA / DOF)/ UI / 自定义 Pass

  • 半透明与 OIT+扩展

    排序半透明的局限与 Order-Independent Transparency 方案

05

GPU 图形管线

Graphics Pipeline

硬件视角的固定流水线:从顶点到像素的物理执行路径。

  • 顶点处理

    Vertex Shader / Tessellation / Geometry 阶段

  • 图元装配

    光栅化 Rasterizer / 裁剪与剔除 / 屏幕映射

  • 像素处理

    Pixel Shader / Early-Z 优化 / 混合

  • 输出合并

    ROP / 深度与模板测试 / Framebuffer / MSAA Resolve

注:深度 / 模板测试严格意义上属于输出合并(ROP)阶段,Early-Z 是将其提前到像素着色前的硬件优化。

06

移动端渲染架构

Mobile / TBDR+扩展

移动 GPU 与桌面 IMR 架构的本质差异,带宽是第一瓶颈。

  • TBR / TBDR+扩展

    Tile-Based (Deferred) Rendering:分块渲染与 HSR 隐面剔除

  • On-Chip Memory+扩展

    Tile Memory 上的 Load/Store Action 优化,避免回写系统内存

  • 纹理压缩+扩展

    ASTC / ETC2,桌面端 BCn,直接影响带宽与显存

  • 图形 API 差异+扩展

    Vulkan / GLES / Metal 的驱动开销与特性差异