图形学基础|屏幕空间反射(SSR)

最新推荐文章于 2025-10-14 10:28:56 发布

原创

最新推荐文章于 2025-10-14 10:28:56 发布 · 2.8w 阅读

149 ·

CC 4.0 BY-SA版权

文章标签：

#单元测试 #c# #自动驾驶

图形学基础|屏幕空间反射(SSR)

文章目录

图形学基础|屏幕空间反射(SSR)

一、前言

反射效果，是游戏中比较常见且重要的一个效果。

在表现光滑的表面（金属、光滑地面）、水面（湖面、地面积水）等材质时，反射出场景中的其他物体，可以让画面质量有很大提升，丰富真实感。

在这里插入图片描述

当粗糙度越小，镜面反射的反射波瓣更加狭窄，光照更加高频，精度要求也更高。

在这里插入图片描述

本文将对实现反射效果的一些技术做简单的概述，并着重介绍基于屏幕空间的反射技术。

以下是笔者的一些笔记。如有错误，还请见谅。

二、反射技术概述

这里所说的反射，属于间接光照的范畴。

直接光照下的反射是指：光源出发经过物体表面直接反射进入眼睛的光照。

间接光照下的反射是指：当物体的表面比较光滑（如镜面，金属），其表面可以反射周围环境，反射的光线进入人眼。

间接光照下的反射，如果严格计算求解，是相当复杂的：

需要对表面上的像素在其法线方向做半球积分；
并且光线经反射会继续地传递下去，直至能量衰减为0；

在实时渲染当中，完整地计算求解间接光照下的反射是很困难的，因此需要通过各种技术手段模拟和近似反射效果。

各种性能友好的反射方法就应运而生，其中包含了以下几种常用的技术方案：

环境贴图反射；
IBL反射；
平面反射；
屏幕空间反射；

2.1 环境贴图反射

最简单的模拟反射效果的技术方案是环境贴图反射（CubeMap反射）。

这种技术通过计算反射的向量，采样（Fetch）环境贴图，从而实现反射的效果。

环境贴图

环境贴图CubeMap最简单的情况就是静态的环境，可以通过预先烘焙进行存储，在运行时加载渲染。

如下展示了天空盒的渲染，其中，OpenGL渲染时需要注意CubeMap的方向问题。

在这里插入图片描述

并且，环境贴图的存储方式并不局限于CubeMap（立方体），还可以是八面体映射等。

环境映射技术漫谈博文中介绍了四种环境映射技术的原理并分析了它们的优缺点。

反射向量

对环境贴图的采样需要反射向量，

计算反射向量的原理可参考图形学相关数学（反射，折射公式）。

在这里插入图片描述

或在HLSL中，直接使用 reflect 函数，入射方向和法向量都为单位向量。

// 注意，V方向是指向相机的方向
// 使用reflect，需要使用反向V
float3 L = reflect(-V, N);

伪代码

模拟天空盒反射的着色器如下：

float4 PS(float2 Tex : TEXCOORD, float4 SVPosition : SV_Position) : SV_Target
{
	float3 N = normalize(v_normal);
    float3 V = normalize(v_camera_position - v_world_position);
    float3 L = reflect(-V, N);
    float3 Color = CubeMap.SampleLevel(LinearSampler, L, 0).xyz;
    return float4(Color,1.0f);
}