Unity风格化场景之：The Illustrated Natu

2019-11-05 本文已影响0人恶毒的狗

Unity风格化场景之：The Illustrated Nature (三)

资源地址：The Illustrated Nature

前文介绍了风格化场景The Illustrated Nature的后处理做法，但是还差最重要的一步：Color Grading。

让我们对比一下Color Grading关闭和打开后，最终画面的差异：

除了Color Grading，全部打开.png

效果全开.png

乔碧萝殿下现身。

线性空间 + HDR + 色调映射

在拆解Color Grading之前，我想强调一下，目前手游已经完全可以转到线性空间，另外HDR和色调映射应该配对出现。

我曾经的一个项目，前向渲染，只开了HDR，但是没有色调映射，导致在一些情况下，亮部的细节完全丢失，比如特效反复叠加后，会导致严重的曝白。

作者特别强调了线性空间，此外HDR和色调映射无一缺席。

Color Grading

Color Grading可以调整的参数较多，Unity会事先生成一张纹理用于保存预计算的结果，运行时主要运算就是查表做映射。移动设备可以打开这个效果，性价比很高。

作者主要调整的参数包括：

Tonemapping
Post-exposure (EV)
Saturation
Contrast
Channel Mixer
Trackballs

下面就一一介绍

Tonemapping

关于色调映射，可以参考知乎的这篇帖子：Tone mapping进化论。

我们可以调整映射曲线，把HDR映射回LDR。Unity提供了一个预定义的版本，实现ACES tonemapper，提供电影级的画面表现。

作者使用了这个方式，打开后效果如下：

ACESTonemapping.png

整体感觉，对比度高了，但是画面暗了好多。

Post-exposure (EV)

打开色调映射后，画面整体变暗，作者提高曝光来弥补。曝光计算在查表映射之前，代码如下：

            #if COLOR_GRADING_HDR_3D  
            {            
                color *= _PostExposure;   
                float3 colorLutSpace = saturate(LUT_SPACE_ENCODE(color.rgb));
                color.rgb = ApplyLut3D(TEXTURE3D_PARAM(_Lut3D, sampler_Lut3D), colorLutSpace, _Lut3D_Params);
            }
            #elif COLOR_GRADING_HDR_2D
            {
                color *= _PostExposure;   
                float3 colorLutSpace = saturate(LUT_SPACE_ENCODE(color.rgb));
                color.rgb = ApplyLut2D(TEXTURE2D_PARAM(_Lut2D, sampler_Lut2D), colorLutSpace, _Lut2D_Params);
            }
            #elif COLOR_GRADING_LDR_2D
            {
                color = saturate(color);  

                // LDR Lut lookup needs to be in sRGB - for HDR stick to linear 
                color.rgb = LinearToSRGB(color.rgb);
                color.rgb = ApplyLut2D(TEXTURE2D_PARAM(_Lut2D, sampler_Lut2D), color.rgb, _Lut2D_Params);
                color.rgb = SRGBToLinear(color.rgb);
            }
            #endif

提高曝光后，场景明亮了许多：