Unity Gamma校正转为线性空间

作者:Luisa Z UWA 2019-06-13

相信大部分了解图形学的人,都听说过Gamma校正或者Gamma空间,线性空间这些词。这里不对Gamma Space形成的历史原因做过多描述。Gamma和Linear空间的一些原理,文章也很多,包括Unity官网的描述,都可以看看。

显示器显示的Gamma空间的颜色变化规律,对应了下图中的黄色曲线。当美术在Gamma空间中,RGB(255,255,255)的颜色单位上,增加了1的颜色亮度,最后输出显示的亮度,其实是低于1的。这个差距,在特别暗的地方更加明显,也就容易让场景因为太暗,而看不清细节。我们公司的美术也表示,线性空间的效果其实更加直观,而Gamma空间的颜色有可能会越叠越深。所以为了更好的美术效果,尤其是让贴图的阴暗处有更多的细节,将Gamma Space转换为Linear Space还是相当有必要的。

基本思路,一般来说就是通过pow(1/Gamma)将颜色强度提高。下图中的蓝色曲线是pow(1/2.2)的近似数,pow(0.45),这样就可以抵消掉黄色曲线的变化,使颜色变化可以趋于线性。

三种函数的曲线

Infinite 3D Head Scan by Lee Perry-Smith,licensed under a Creative Commons Attribution 3.0 Unported License(available from www.ir-ltd.net)

虽然Unity 5.5开始,已经提供转换工程为线性空间的功能,但是仅对OpenGLES 3.0及以上的设备进行支持。详细数据可以参考这篇Unity的Blog,可以看到,还有两成左右的设备是不具备这个条件的。所以如果项目组需要考虑低端机,尤其是考虑海外发行的话,就不能直接改变整个渲染空间。

因此替代的方法,是手动在Shader中,修改Colour Space。转换空间用到的相关函数,Unity其实已经在Unity CG.cgnic中提供了,可以直接使用。

函数如下:

  1. inline float GammaToLinearSpaceExact (float value)
  2. {
  3.                 if (value <= 0.04045F)
  4.                         return value / 12.92F;
  5.                 else if (value < 1.0F)
  6.                         return pow((value + 0.055F)/1.055F, 2.4F);
  7.                 else
  8.                         return pow(value, 2.2F);
  9. }


  10. inline half3 GammaToLinearSpace (half3 sRGB)
  11. {
  12.                 // Approximate version from http://chilliant.blogspot.com.au/2012/08/srgb-approximations-for-hlsl.html?m=1
  13.                 return sRGB * (sRGB * (sRGB * 0.305306011h + 0.682171111h) + 0.012522878h);


  14.                 // Precise version, useful for debugging.
  15.                 //return half3(GammaToLinearSpaceExact(sRGB.r), GammaToLinearSpaceExact(sRGB.g), GammaToLinearSpaceExact(sRGB.b));
  16. }
复制代码
  1. inline float LinearToGammaSpaceExact (float value)
  2. {
  3.                 if (value <= 0.0F)
  4.                         return 0.0F;
  5.                 else if (value <= 0.0031308F)
  6.                         return 12.92F * value;
  7.                 else if (value < 1.0F)
  8.                         return 1.055F * pow(value, 0.4166667F) - 0.055F;
  9.                 else
  10.                         return pow(value, 0.45454545F);
  11. }


  12. inline half3 LinearToGammaSpace (half3 linRGB)
  13. {
  14.                 linRGB = max(linRGB, half3(0.h, 0.h, 0.h));
  15.                 // An almost-perfect approximation from http://chilliant.blogspot.com.au/2012/08/srgb-approximations-for-hlsl.html?m=1
  16.                 return max(1.055h * pow(linRGB, 0.416666667h) - 0.055h, 0.h);
  17.                
  18.                 // Exact version, useful for debugging.
  19.                 //return half3(LinearToGammaSpaceExact(linRGB.r), LinearToGammaSpaceExact(linRGB.g), LinearToGammaSpaceExact(linRGB.b))
  20. }
复制代码

其中主要用到的是GammaToLinearSpace()和LinearToGammaSpace()。下面将说一下,到底怎么用这两个函数。

主要的思路是,把从贴图中读取进来的颜色,同时也是Gamma Space下的颜色,进行一次转换,转换到Linear Space。之后对这些颜色数据进行原本要进行的处理。处理结束后,在输出的时候,进行一次逆转换,将这些颜色数据,从Linear Space转换回Gamma Space。

以下是我实际使用的一段代码:

  1. <blockquote>half4 color = UNITY_SAMPLE_TEX2D(_MainTex, i.uv);
复制代码

补充一点,由于通道图,一般来说,其实已经是线性的了,所以是不需要参与到这个转换中的,直接用就好。但这段代码里特别注意的一点是,最后转换回Gamma Space的时候,我在Color上乘了一个Unity_ColorSpaceDouble。

最开始,我只进行了一个转换回Gamma Space的方法,然后发现,场景不仅没有变亮,反而变得更暗了。随后查阅到一篇文章提到了,需要在最后转回Gamma Space的时候,乘上一个值。

“与此相关的有,一个Unity提供的与色彩空间相关的值,Unity_ColorSpaceDouble。这个值在Gamma Color Space时为2,在Linear Color Space时为4.594(2的2.2次方)。对于这个值可以这样来理解。一般在Gamma Color Space中将两个Color值相乘后,为了避免颜色变得很暗,会在后面乘以2。”

也就是说,为了避免颜色变暗,应该扩大两倍,但同时因为是在线性空间下,所以这个2要变成Unity_ColorSpaceDouble。

最后来看一下效果吧~



上图为Gamma Space时的效果,下图为做完一系列变换后的结果。可以看到,整体颜色变亮,尤其是暗部的亮度和细节都有明显的提升。



可以看到特别暗的地方,在进行Gamma校正之后的变化也相对较大。所以这里也需要注意一点,如果是项目已经进行了一段时期之后,想要进行Gamma校正,一定要同时修改光照等一系列参数,以避免一些地方的光照效果过曝。

作者:Luisa Z
来源:UWA
原地址:https://blog.uwa4d.com/archives/Usparkle_Gamma.html

最新评论
暂无评论
参与评论

商务合作 查看更多

编辑推荐 查看更多