Unity風格化場景之：The Illustrated Nature (三)

資源地址：The Illustrated Nature

前文介紹了風格化場景The Illustrated Nature的后處理做法，但是還差最重要的一步：Color Grading椭迎。

讓我們對比一下Color Grading關(guān)閉和打開后，最終畫面的差異：

除了Color Grading查坪，全部打開.png

效果全開.png

喬碧蘿殿下現(xiàn)身哼勇。

線性空間 + HDR + 色調(diào)映射

在拆解Color Grading之前，我想強調(diào)一下，目前手游已經(jīng)完全可以轉(zhuǎn)到線性空間欺旧，另外HDR和色調(diào)映射應該配對出現(xiàn)。

我曾經(jīng)的一個項目蛤签，前向渲染辞友，只開了HDR，但是沒有色調(diào)映射震肮，導致在一些情況下称龙，亮部的細節(jié)完全丟失，比如特效反復疊加后戳晌，會導致嚴重的曝白鲫尊。

作者特別強調(diào)了線性空間，此外HDR和色調(diào)映射無一缺席沦偎。

Color Grading

Color Grading可以調(diào)整的參數(shù)較多疫向，Unity會事先生成一張紋理用于保存預計算的結(jié)果咳蔚，運行時主要運算就是查表做映射。移動設(shè)備可以打開這個效果搔驼，性價比很高谈火。

作者主要調(diào)整的參數(shù)包括：

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

下面就一一介紹

Tonemapping

關(guān)于色調(diào)映射，可以參考知乎的這篇帖子：Tone mapping進化論匙奴。

我們可以調(diào)整映射曲線堆巧，把HDR映射回LDR。Unity提供了一個預定義的版本泼菌，實現(xiàn)ACES tonemapper谍肤，提供電影級的畫面表現(xiàn)。

作者使用了這個方式哗伯，打開后效果如下：

ACESTonemapping.png

整體感覺荒揣，對比度高了，但是畫面暗了好多焊刹。

Post-exposure (EV)

打開色調(diào)映射后系任，畫面整體變暗，作者提高曝光來彌補虐块。曝光計算在查表映射之前俩滥，代碼如下：

            #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

提高曝光后，場景明亮了許多：