为什么我的带光照效果的游戏样本中颜色不连续，出现分层现象？

该现象是典型的**色带（Color Banding）**问题，核心成因如下：

• 颜色输出精度不足：绝大多数平台默认的交换链/帧缓冲为8位每通道（R8G8B8A8_UNORM）格式，每个颜色通道仅能存储256个取值级，当地面光照呈现平缓梯度变化时，相邻色阶的差异会被人眼直接感知为分层，这种表现在低亮度、低饱和度的平滑过渡区域会更加明显。
• 缺少抖动（Dithering）处理：即便是高精度的中间光照计算结果，最终量化到8位输出时，如果没有微小的随机扰动打破阶梯状的量化边界，也会放大色带问题。
• Gamma转换量化损失：如果在线性空间完成光照计算，最后手动转换到Gamma2.2空间输出的过程中，低亮度区域的量化精度会进一步损失，加剧色带表现。
• 纹理采样配置错误：如果漫反射纹理为sRGB格式，但没有开启sRGB采样，也会额外引入颜色量化误差，提升色带的可见性。

你可以通过以下几个步骤逐步优化：

• 提高渲染缓冲精度：将中间渲染目标的格式替换为16位半精度浮点（R16G16B16A16_FLOAT）或者10位每通道的RGB格式（R10G10B10A2_UNORM），大幅提升中间计算的颜色取值范围，从根源减少量化误差。
• 添加着色器抖动：在片段着色器输出最终颜色前，添加极微小的随机噪声偏移，抵消量化带来的阶梯效应，参考实现代码：

// 屏幕空间随机抖动
float dither = fract(sin(dot(gl_FragCoord.xy, vec2(12.9898,78.233))) * 43758.5453) / 255.0;
finalColor.rgb += vec3(dither) - 0.5/255.0;

• 正确配置sRGB管线：确保漫反射等颜色纹理开启sRGB采样，直接渲染到支持sRGB的帧缓冲，由硬件自动完成Gamma转换，比手动在着色器内做Gamma校正的精度更高。
• 调整光照参数：适当缩小点光源的影响范围，提升地面区域的光照梯度变化幅度，也能降低色带的可见性。

内容的提问来源于stack exchange，提问作者Eduardo Dória