后处理特效管线：HDR、Bloom、色调映射与抗锯齿

后处理（Post-Processing / Image-Space Effects）是渲染管线中"画龙点睛"的一环：场景经光照与光栅化渲染出 HDR 图像后，后处理在屏幕空间对整幅图像执行一系列全屏操作——Bloom 泛光、色调映射、抗锯齿、运动模糊、景深、色彩校正——最终输出到显示设备。它不依赖 3D 几何，所有计算都是对图像本身的操作，因此架构统一、易于组合，也是现代引擎（UE、Unity、Unreal）图像质量的核心差异化所在。本文拆解一条完整后处理管线的每个环节。

一、HDR 与 LDR 工作流

一句话：渲染在 HDR（高动态范围、浮点）空间中计算，显示前经色调映射压缩到 LDR（8 位），是后处理管线正确性的地基。

1.1 为什么需要 HDR

现实世界的亮度范围超过 100000:1，而显示设备（8 位 sRGB）只有约 100:1。若直接在 LDR 空间计算光照：多个亮光源叠加会立刻溢出（clamp 到 1.0）导致高光区域扁平化、丢失细节；而 Bloom 这类需要"超过 1 的亮度"的效果也无从谈起。因此现代管线使用 浮点帧缓冲（RGBA16F / RGBA32F） 渲染，允许中间值超过 1.0，最后再压缩显示。

1.2 管线位置

几何 Pass（HDR 浮点） → 光照 Pass（HDR 浮点） → 后处理（Bloom 等，HDR）
→ 色调映射（HDR→LDR） → Gamma 编码 → 显示

关键纪律：线性空间贯穿始终。纹理采样时从 sRGB 解码到线性，光照累加在线性空间，最后色调映射后做 Gamma 编码（sRGB encode）。任何一步忘记转换，都会出现暗部发灰、亮部偏色的经典错误。

// C++/Vulkan：创建 HDR 颜色附件
VkAttachmentDescription colorAttachment = {};
colorAttachment.format = VK_FORMAT_R16G16B16A16_SFLOAT;  // HDR 浮点
colorAttachment.samples = VK_SAMPLE_COUNT_1_BIT;
colorAttachment.loadOp  = VK_ATTACHMENT_LOAD_OP_CLEAR;
colorAttachment.storeOp = VK_ATTACHMENT_STORE_OP_STORE;
colorAttachment.initialLayout = VK_IMAGE_LAYOUT_UNDEFINED;
colorAttachment.finalLayout   = VK_IMAGE_LAYOUT_SHADER_READ_ONLY_OPTIMAL;

1.3 半浮点 vs 全浮点

R11G11B10 是性价比之王：无 alpha 场景下用它与 RGBA16F 观感几乎无异，带宽减半，是高带宽瓶颈场景的首选。

二、Bloom 实现：降采样 + 模糊

一句话：Bloom 先把超过亮度阈值的区域提取出来，经多级降采样-模糊形成光晕，再叠加回原图——模拟镜头/人眼的溢光。

2.1 原理与步骤

Bloom 模拟的是光在镜头/眼睛内散射导致的"光晕"效果，让高亮区域向周围蔓延。实现分四步：

1. 阈值提取：保留亮度超过阈值的像素，低于阈值置黑，得到高亮图。
2. 降采样金字塔：将高亮图逐级减半（通常 4~6 级），形成不同半径的光晕尺度。
3. 逐级模糊：对每级做高斯模糊（可拆分为水平+垂直两个一维 Pass 节省采样）。
4. 上采样叠加：从最小级逐级上采样并累加，与原始 HDR 图相加输出。

// GLSL：Bloom 阈值提取
uniform sampler2D uHDRColor;
uniform float uThreshold;

vec3 bloomExtract(vec2 uv) {
    vec3 color = texture(uHDRColor, uv).rgb;
    float luminance = dot(color, vec3(0.2126, 0.7152, 0.0722));
    // 超过阈值的部分才参与 Bloom，并可做软过渡避免边缘硬切
    float contribution = max(luminance - uThreshold, 0.0);
    return color * (contribution / max(luminance, 1e-4));
}

2.2 高斯模糊（两 Pass）

高斯核可分离成两个一维卷积，逐级降采样后每级只需采样 9~13 个 texel：

// GLSL：一维高斯模糊（水平 Pass）
const float weights[5] = float[](
    0.227027, 0.1945946, 0.1216216, 0.054054, 0.016216);

vec3 gaussianBlur1D(sampler2D tex, vec2 uv, vec2 dir, vec2 texelSize) {
    vec3 result = texture(tex, uv).rgb * weights[0];
    for (int i = 1; i < 5; i++) {
        result += texture(tex, uv + dir * texelSize * i).rgb * weights[i];
        result += texture(tex, uv - dir * texelSize * i).rgb * weights[i];
    }
    return result;
}

2.3 变体与参数

• 多级金字塔 vs 单级大半径：多级金字塔每级模糊半径小、采样少，且各级光晕尺度不同更自然；单级大半径需要大核，采样爆炸。
• Karis Average：上采样时对周围 4 texel 的平均先做 log-average 再混合，可抑制亮部"收缩"伪影（UE 采用）。
• Threshold / Knee：阈值越低越"亮晶晶"，Knee 参数控制提取的软过渡带，避免高光边缘出现硬边。

三、色调映射：Reinhard 与 ACES

一句话：色调映射把 HDR 亮度压回 LDR 显示范围，同时保留对比度与色彩——Reinhard 简洁够用，ACES 色彩保真度更高。

色调映射（Tone Mapping）本质是把无界 HDR 值映射到 [0,1]。映射曲线决定暗部/亮部/色彩的观感，是整个后处理链中"风格化"最强的环节。

3.1 Reinhard

最简洁的经典曲线：L_out = L / (1 + L)。亮部被柔和压缩、永不过曝，但整体偏灰（对比度低），且对负值/饱和色处理不理想。

// GLSL：Reinhard 色调映射
vec3 reinhard(vec3 color) {
    return color / (1.0 + color);
}

3.2 ACES Filmic（行业标准）

ACES（Academy Color Encoding System）的 Filmic 近似曲线由 Stephen Hill 提出，被 UE/Unity 广泛采用。它在中灰区域保持较高对比度，高光柔和滚降、色彩饱和自然，模拟电影胶片的 S 曲线。

// GLSL：ACES Filmic Tone Mapping（Narkowicz 近似）
vec3 ACESFilm(vec3 x) {
    const float a = 2.51f;
    const float b = 0.03f;
    const float c = 2.43f;
    const float d = 0.59f;
    const float e = 0.14f;
    return clamp((x * (a * x + b)) / (x * (c * x + d) + e), 0.0f, 1.0f);
}

完整 ACES 需先做色域转换（Input Transform，从 AP0/AP1 到 working color space），再做输出变换，色彩科学更严谨。业界常用做法：曝光 → ACES 近似 → Gamma 编码。

3.3 曝光（Exposure）

色调映射前通常先乘曝光因子，等价于模拟相机光圈：

vec3 exposureColor = color * exp2(uExposureEV);  // EV 曝光：+1 EV 亮度翻倍
vec3 mapped = ACESFilm(exposureColor * uWhitePoint); // white point 控制高光压缩起始

3.4 LUT（颜色查找表）

成熟管线最后通常套一张 色彩 LUT（Color Lookup Table，32³ 或 64³ 3D 纹理）：把色调映射后的颜色作为纹理坐标查询，一次采样即可完成风格化调色（饱和、色相偏移、电影感）。优点是艺术家友好、运行时零数学运算，UE/Unity 的 Post Process Volume 都基于 LUT。

四、抗锯齿：MSAA、FXAA 与 TAA

一句话：锯齿是光栅化的固有产物；MSAA 用硬件超采样平滑几何边，FXAA 用屏幕空间边缘检测，TAA 用时序累积实现接近超采样的画质而开销最低。

4.1 MSAA（多重采样抗锯齿）

MSAA 对几何边做多重采样：光栅化时每个像素在多个子采样点判断覆盖，只在像素边缘产生多个片段（中心像素只执行一次着色器），颜色写入时用子采样覆盖信息平滑。质量高、几何边缘干净，但：

• 开销随采样数线性增长（2x/4x/8x），且对纹理高频混叠（shimmering）无效；
• 无法与延迟渲染（G-Buffer 多附件 + MSAA 带宽爆炸）良好配合；
• 现代实践：前向管线 + MSAA 4x 是移动端可靠方案；桌面延迟管线用 TAA。

// C++/Vulkan：启用 MSAA 的采样数量
VkSampleCountFlagBits sampleCount = VK_SAMPLE_COUNT_4_BIT;  // 4x MSAA
// 需先查询 vkGetPhysicalDeviceProperties 的 framebufferColorSampleCounts
VkAttachmentDescription attachment = {};
attachment.samples = sampleCount;

4.2 FXAA（快速近似抗锯齿）

FXAA 是纯屏幕空间的后处理：用亮度梯度检测边缘，沿边缘方向模糊。开销极低（无几何信息），一 pass 完成，但会模糊纹理细节，被多数 PC 玩家诟病"糊"。如今主要用于无 TAA 预算的低端设备或作为 TAA 不可用时的 fallback。

// GLSL：FXAA 思路——检测边缘后沿梯度方向混合
vec3 fxaaQuality(sampler2D tex, vec2 uv, vec2 rcpFrame) {
    vec3 colorCenter = texture(tex, uv).rgb;
    float luma = dot(colorCenter, vec3(0.299, 0.587, 0.114));
    // 上下左右四邻居亮度
    float lumaU = dot(texture(tex, uv + vec2(0.0,  rcpFrame.y)).rgb, LUMA);
    float lumaD = dot(texture(tex, uv + vec2(0.0, -rcpFrame.y)).rgb, LUMA);
    float lumaL = dot(texture(tex, uv + vec2(-rcpFrame.x, 0.0)).rgb, LUMA);
    float lumaR = dot(texture(tex, uv + vec2( rcpFrame.x, 0.0)).rgb, LUMA);
    float maxLuma = max(luma, max(lumaU, max(lumaD, max(lumaL, lumaR))));
    float minLuma = min(luma, min(lumaU, min(lumaD, min(lumaL, lumaR))));
    // 边缘度超过阈值才启用模糊
    return (maxLuma - minLuma) < 0.03125 ? colorCenter :
           mix(colorCenter, (lumaU + lumaD + lumaL + lumaR) * 0.25, edgeWeight);
}

4.3 TAA（时域抗锯齿）

TAA 的核心洞察：把超采样分布到时间上。每帧用 Halton 序列在子像素内抖动采样，并用运动向量（Motion Vector）把当前帧像素重投影到历史帧，混合历史与当前结果。累计帧数越多，等效采样数越高，几何边缘接近 8x~16x MSAA 的观感，且能消除纹理 shimmering。代价是：

• 运动向量（速度缓冲）需要额外的 G-Buffer 附件或引擎级计算；
• 静止时画面随时间"收敛"，但运动时产生残影（Ghosting），需用邻域 AABB clamp/clip 历史颜色抑制。

// HLSL：TAA Resolve（历史颜色钳制）
float3 historyColor = historyTexture.Sample(samp, historyUV);
float3 currentColor  = currentTexture.Sample(samp, uv);

// 计算当前帧 3x3 邻域的颜色 AABB
float3 minColor, maxColor;
ComputeNeighborhoodAABB(uv, minColor, maxColor);

// 用 AABB 约束历史颜色，抑制鬼影
historyColor = clamp(historyColor, minColor, maxColor);

// 按静止程度混合
float blend = lerp(0.05, 0.9, clamp(dot(motion, motion) * 0.02, 0.0, 1.0));
float3 outColor = lerp(currentColor, historyColor, blend);

4.4 三大方案对比

现代桌面渲染的事实标准是 TAA（UE、Unity、主机 3A 默认）；其与运动模糊、Temporal Upscaling（DLSS/FSR）共享运动向量基础设施，可以无缝叠加。

五、运动模糊与景深

一句话：运动模糊沿速度向量卷积着色，景深用 CoC（弥散圆）模拟镜头焦点外的虚化，二者都是"镜头光学"的后处理仿真。

5.1 运动模糊（Motion Blur）

对象运动或相机运动时，真实镜头会沿运动方向拖出残影。屏幕空间运动模糊利用速度缓冲（Motion Vector 纹理），沿速度方向采样多个点并加权平均：

// GLSL：沿速度方向采样
uniform sampler2D uColor;
uniform sampler2D uVelocity;
uniform int uSamples;      // 通常 8~16

vec3 motionBlur(vec2 uv) {
    vec2 velocity = texture(uVelocity, uv).xy;
    float speed = length(velocity);
    // 静止区域跳过，避免糊化
    if (speed < 0.001) return texture(uColor, uv).rgb;

    vec3 result = vec3(0.0);
    for (int i = 0; i < uSamples; i++) {
        float t = (float(i) - float(uSamples) * 0.5) / float(uSamples);
        vec2 sampleUV = uv + velocity * t * 0.5;
        result += texture(uColor, clamp(sampleUV, vec2(0.0), vec2(1.0))).rgb;
    }
    return result / float(uSamples);
}

常见坑：近处物体速度大、采样点多，远处/前景混合时容易糊化；建议在速度图里对相机运动与物体运动分开处理（相机运动全局平移、物体运动逐物体）。

5.2 景深（Depth of Field, DoF）

模拟镜头聚焦平面外区域的虚化。每像素根据深度计算弥散圆直径（Circle of Confusion, CoC）：焦点处 CoC=0（锐利），越远离焦点 CoC 越大（越虚）。实现有：

• Gather DoF：对每个像素按 CoC 半径在高斯核内采样并加权，质量好、开销高。
• Scatter DoF：每像素按 CoC 半径把颜色散布到周围（Bokeh 模拟），可产生真实光斑。
• Post-Focus / 引擎方案：UE 的 Cinematic DoF 用分层模糊 + 半分辨率中间缓冲。

// GLSL：从深度计算 CoC
uniform float uFocusDistance;
uniform float uApertureScale;   // 控制景深强度

float cocFromDepth(float linearDepth) {
    float delta = abs(linearDepth - uFocusDistance);
    return clamp(delta * uApertureScale, 0.0, 1.0);  // 归一化到 [0,1]
}

景深与运动模糊是后处理链中开销最高的两个，工程上普遍半分辨率计算 + 双边上采样，并可通过 TAA 的运动向量把 DoF 与 TAA 合并到同一 pass。

六、全屏 Quad 管线与 Pass 组织

一句话：后处理以"一张全屏三角形 + 一张采样器绑定"为最小单元，多个 pass 通过 ping-pong 交换帧缓冲串联成链。

6.1 全屏 Triangle vs Quad

绘制全屏三角形比四边形少两个顶点，且能避免对角分裂的像素边缘（三角形的三个顶点覆盖整屏，无邻接像素差异），是现代 API 的标准做法：

// C++/Vulkan：全屏三角形绘制
cmd->bindPipeline(VK_PIPELINE_BIND_POINT_GRAPHICS, fullscreenPipeline);
cmd->draw(3, 1, 0, 0);   // 无需顶点缓冲，3 个顶点

顶点着色器中直接输出裁剪空间坐标，UV 由顶点 ID 推导：

// GLSL：全屏三角形顶点着色器
layout(location = 0) out vec2 vUV;
void main() {
    vec2 pos = vec2((gl_VertexIndex << 1) & 2, gl_VertexIndex & 2);
    vUV = pos;
    gl_Position = vec4(pos * 2.0 - 1.0, 0.0, 1.0);
}

6.2 Ping-Pong 缓冲链

多个后处理 pass 不能原地读写同一帧缓冲，需要交替复用两张（或一组）缓冲：Pass A 读 RT0 写 RT1，Pass B 读 RT1 写 RT0……直到最终 resolve 到呈现缓冲。

RT0: HDR 场景 → [Bloom 阈值] → RT1
RT1: 高亮图   → [降采样/模糊] → RT0（小尺寸）
... 循环 ...
→ 最终：读 RT0 + 原 HDR，输出色调映射 → 呈现缓冲

// C++/Vulkan：切换帧缓冲渲染目标
VkFramebuffer ping, pong;
vkCmdBeginRendering(cmd, &rtInfo0);   // 写 RT0
drawFullscreen(...);
vkCmdEndRendering(cmd);
vkCmdBeginRendering(cmd, &rtInfo1);   // 写 RT1，绑定 RT0 为输入
drawFullscreen(...);
vkCmdEndRendering(cmd);

6.3 Compute 后处理

现代引擎更多用 Compute Shader 做后处理（尤其模糊、降采样、TAA resolve），因为：

• 无需切换渲染目标/渲染通道，imageStore 直接写；
• 线程组共享内存可缓存邻域 texel，模糊类算法带宽大减；
• 天然契合上采样（FSR/DLSS 的 resolve 就是 compute）。

// WGSL：Compute 后处理（模糊 + 输出）
@compute @workgroup_size(16, 16, 1)
fn main(@builtin(global_invocation_id) gid: vec3u) {
    let coord = vec2i(gid.xy);
    let uv = (vec2f(gid.xy) + 0.5) / vec2f(textureDimensions(srcTex));
    // 采样邻域、加权求和
    var sum = vec3f(0.0);
    // ... 高斯采样 ...
    textureStore(dstTex, coord, vec4f(sum, 1.0));
}

七、性能权衡与优化

一句话：后处理开销集中在带宽（读写帧缓冲）与采样次数，降分辨率、合并 pass、减少半浮点浪费是三大杠杆。

带宽估算示例：4K 下 RGBA16F 每帧读写约 3840×2160×8 B × 2 ≈ 132 MB，一个 5-pass 后处理链每帧约读改写 660 MB 显存带宽。因此减少 pass 数、降低中间分辨率、用 R11G11B10 的效果立竿见影。

一句话：一条生产级后处理链的完整顺序——HDR 场景 → 动态分辨率缩放 → Bloom → 景深/运动模糊 → 色调映射 + LUT → TAA → 输出。TAA 通常放最后，因为它是时域累积，需作用在已完成的静态图像上。

八、常见问题（FAQ）

Q1：Bloom 后画面整体发白、高光失去层次怎么办？

A1：先检查色调映射与 Bloom 的顺序——正确的做法是 Bloom 在 HDR 空间叠加（可超过 1.0），之后才做色调映射压缩。若 Bloom 结果在 LDR 空间叠加，亮部会直接饱和成纯白。其次检查 Bloom 阈值：阈值过低会让普通亮面也泛光，通常 0.7~1.0 起步，配合 Knee 软过渡。

Q2：TAA 静止画面有轻微抖动/模糊，动起来有鬼影，怎么调？

A2：抖动观感来自 Halton 子像素偏移序列的排列质量，可换用低差异序列或调整抖动缩放。鬼影则优先检查：运动向量是否正确写入、历史颜色是否做了邻域 AABB clamp/clip、混合权重是否在运动区域快速衰减（blend 随 motion 长度减小）。最后再确认 TAA 是否作用在"未经其他后处理污染"的 HDR 缓冲上。

Q3：色调映射后暗部偏灰（发蓝/发灰），是哪里错了？

A3：几乎总是色彩空间问题：纹理采样漏了 sRGB→linear 解码，或色调映射前漏做线性→sRGB 编码。先逐环节检查"是否全程线性，只有最后输出才编码"。另外 ACES 曲线本身会压低饱和，可叠加 LUT 或饱和恢复。

Q4：后处理链帧率骤降，怎么定位是哪个 pass？

A4：用 RenderDoc 或 GPU profiler（Nsight/RGP）查看每个 pass 的耗时与带宽。经验上模糊类（高斯/DoF/运动模糊）最贵，优先降半分辨率；其次检查是否在 4K 全分辨率做了全链——R11G11B10 + 半分辨率 + pass 合并通常能砍掉 60% 带宽。

总结

后处理管线是画质的最终裁决者：HDR 提供正确的物理亮度空间，Bloom 复现镜头溢光，色调映射决定影调风格，抗锯齿消除光栅化瑕疵，运动模糊与景深注入镜头语言。

实践路径建议：先搭 HDR + Reinhard 的最小后处理链跑通流程；再替换 ACES 与 Bloom；随后引入 TAA 并为其补运动向量缓冲；最后接入景深与 LUT。每加一环都用 RenderDoc 检查中间缓冲，理解每个 pass 对最终图像的贡献。