Unity手游开发札记——Unity线性空间下移动设备上烘焙变暗问题处理笔记

0. 写在之前

其实针对这个问题已经写了一篇很简单的填坑笔记了,但是UWA说希望那篇文章稍微扩充一下放到USpark系列中,于是有了此文。在整理本文的过程中,又想明白了一些之前没有想明白的技术问题,算是对线性空间下烘焙场景变暗的原因有了一个真正的理解,这也是整理和写博客的收益之一吧~

1. 问题确认

最近(临近测试之前……),美术同学反馈在移动设备上场景感觉比平常开发的PC上要暗很多。其实之前观察到过这个现象,当时场景的烘焙效果还没完全确定,以为是不同的烘焙版本,或者设备屏幕亮度不同、色差等问题,一直没有怎么关注。

知乎有句名言——“先问是不是,再问为什么”,那么解决问题之前第一步要做的事情就是确认问题。
其实方法很简单,就是排除前面提到的不同烘焙版本、设备色差等问题,使用同一烘焙版本的场景,在移动设备上进行截图操作,然后传输到手机上在同一块屏幕下进行对比,发现场景亮度差别的确很大。


手机设备上的截图效果
手机设备上的截图效果
PC设备上的场景截图效果
PC设备上的场景截图效果

2. 原因排查

确认问题的确存在,而且很严重之后,我们先做一系列的排查实验来检查问题可能出现的原因。

  1. 首先在同一屏幕下对截图进行对比,观察是否是全屏变暗,发现使用实时光照的角色没有这个问题,因为对比的关系反而会觉得角色更亮(请忽略上面截图中的角色灰色问题,那个是因为在我的MX4 Pro上材质兼容性存在问题导致的。。。),排除可能是某些错误的后处理导致全屏变暗的可能,基本确认是场景lightmap相关的问题
  2. 检查Unity Editor中切换到安卓平台,直接运行没有问题,但是如果加载AssetBundle包进行运行,就出现了和设备上一样的问题。推测可能和AssetBundle的打包相关,但是无法确认更多细节。
  3. 制作一个简单的Demo,使用非AssetBundle的方式进行打包,放置到手机上进行截图对比,发现也存在变暗的问题,排除单纯的AssetBundle打包导致的问题
  4. 在Demo中,将我们自己的材质替换为Standard材质,进行打包对比测试,依然有变暗的问题,排除我们项目自身材质bug
  5. 因为我们在移动设备上使用了线性空间,因此怀疑可能是线性空间导致的,切换颜色空间进行对比实验,发现伽马空间下烘焙效果也有色差,但是没有线性空间明显。

经过这一系列的实验对照之后,我有点怀疑这是一个Unity的“特性(bug)”了。。。顺便说句题外话,我们使用的是比较新的Unity 5.5.4f版本,之所以从之前较为稳定的5.3.6版本升级上来,很重要的原因之一是我们想要在移动设备上使用线性空间

3. 资料检索

问题的矛头指向了烘焙,又是Standard材质也会存在的问题,那么猜测网络上应该有不少问题反馈和相关资料,于是照常进行一波相关资料的检索和收集。

3.1 Unity Issue Tracker

首先怀疑是否是Unity的官方“特性(bug)”,搜索了一下issuetracker,果然找到一个似乎相关的bug汇报BAKED LIGHTMAP IS DARKER ON ANDROID PLATFORM COMPARED TO PC PLATFORM说是Fixed in Unity 5.5.5,没提到线性空间的设置,我们7月份要测试也等不到5.5.5版本了,所以暂时先记录下,继续。

3.2 UWA问答

UWA的问答模块有一个帖子问过相关问题,有一个答案:Lightmap在PC上显示正常,但是转到Android平台上存在色差,颜色普遍偏暗。这里引用一下回答的内容:

一般来讲,有两种情况可能会导致色偏和亮度差异。
1.Unity烘焙的Lightmap是32bit的HDR图,而移动设备通常不支持HDR图(32bit per channel),会按照LDR图(8bit per channel)的形式进行处理,因此会出现色偏问题。因此我们建议:
在移动平台下使用Mobile/Diffuse材质,可载入Standard Assets(Mobile) package获得。如果要获得更合适的效果,需要自行修改Lightmap的DecodeLightmap函数,该函数可在Unity\Editor\Data\CGIncludes\UnityCG.cginc文件中找到。需要说明的是,这种方法也不能达到与PC端完全一致的效果。
如果需要PC和移动平台的显示效果一致,可以用图像编辑软体修改Lightmap為LDR格式,例如PNG(8bit per channel)。
为了避免类似问题,请不要使用过于强烈的Light进行烘焙,因為Light的强度(Intensity)越高,色偏问题会越严重。若有阴影丢失时,可以尝试检查一下模型的Lightmapindex、Lightmapscaleoffset、UV2等影响Lightmap采样的一些参数。
2.另一种可能是存在过曝现象,可以尝试将playersettings -> use direct3d 11关闭,看问题是否解决。

这个答案给出了差异产生的原因,即lightmap贴图是使用exr格式存储的,然后在移动设备上如果按照LDR进行处理产生偏差是很正常的,给出的建议我们看了下,没有对应的问题。自行修改UnityCG.cginc的事情前段时间帮美术干过,但是没有很好的方法可以让团队内部所有成员机器上的效果保证一致,所以一开始不是非常想采用,而且如何修改效果才能正确这个答案给得并不非常明确。

3.3 博客

接着,找到一篇《解决Lightmap在PC上与ios和Android上表现不同的问题》,使用LogLuv这种编码格式对exr文件进行重新的编码。文章中有基本的原理分析,有解决方案,还有源码,看上去很靠谱。做了一个demo尝试走了一遍流程,是可以解决变暗的问题,但是和PC上比,还会变得更亮……依然有偏差,不知道是否是线性空间的问题,而且更加重要的是过程太多繁琐,维护成本很高,所有的材质都需要对应修改,不理想。况且,转换之后的贴图要使用RGBA8的非压缩格式,一张1024的贴图需要占用4-5M左右的包体和内存空间,代价太大,不在走投无路的情况下实在不能忍。
想起不久前看过一篇知乎上的帖子:谈光照图烘焙技巧,里面跨平台的部分有提到相关的问题:

推荐把没有烘焙lightmap时候的颜色大体定在0.5-0.7左右的亮度,这样烘焙进退都可以,而且这样lightmap的系数不会特别夸张的大,这样在pc平台和android基本就能保持一致。

检查了一下,做demo用的贴图亮度0.63,光照亮度调整为1,烘焙之前的颜色大约也符合0.5-0.7左右的亮度,不知道是否因为线性空间的问题,反正依然没有解决。但这篇文章直接提到了UnityCG.cginc中的源码,即lightmap的颜色解析过程,去看了一下。

// Decodes HDR textures
// handles dLDR, RGBM formats
// Called by DecodeLightmap when UNITY_NO_RGBM is not defined.
inline half3 DecodeLightmapRGBM (half4 data, half4 decodeInstructions)
{
    // If Linear mode is not supported we can skip exponent part
    #if defined(UNITY_COLORSPACE_GAMMA)
    # if defined(UNITY_FORCE_LINEAR_READ_FOR_RGBM)
        return (decodeInstructions.x * data.a) * sqrt(data.rgb);
    # else
        return (decodeInstructions.x * data.a) * data.rgb;
    # endif
    #else
        return (decodeInstructions.x * pow(data.a, decodeInstructions.y)) * data.rgb;
    #endif
}

// Decodes doubleLDR encoded lightmaps.
inline half3 DecodeLightmapDoubleLDR( fixed4 color )
{
    return 2.0 * color.rgb;
}

inline half3 DecodeLightmap( fixed4 color, half4 decodeInstructions)
{
#if defined(UNITY_NO_RGBM)
    return DecodeLightmapDoubleLDR( color );
#else
    return DecodeLightmapRGBM( color, decodeInstructions );
#endif
}

half4 unity_Lightmap_HDR;

inline half3 DecodeLightmap( fixed4 color )
{
    return DecodeLightmap( color, unity_Lightmap_HDR );
}

这段代码还比较容易理解,在不同的宏控制下,使用不同的LightmapDecode方案,主要包括DecodeLightmapRGBMDecodeLightmapDoubleLDR两种。

4. HDR和LDR

这里扩展说明一下HDR和LDR图像的区别,注意,这里说到的HDR不是指High Dynamic Range Rendering,而是仅仅指高动态范围的图像格式,当然在HDR Rendering中肯定要用到高动态范围的图像格式,因为和本文关系不大就不深入讨论了。
前面提到的一篇博客里也说到了,在Unity里,Lightmap是以exr的格式来存储的,即openEXR格式,这是一种开放标准的高动态范围图像格式,在计算机图形学中被广泛应用。
在LDR的图像格式中,比如BMP、PNG、TGA等,一个像素的颜色值可能由RGBA四个通道组成,而每一个通道可以表达的范围是0-255。也就是说8位就可以表示一个像素的一个通道值,RGBA四个通道在不压缩的情况下只需要32位即可。而openEXR格式支持16位浮点数、32位浮点数和32位整数的像素颜色值。Unity中的Lightmap采用这种HDR格式的图像,可以表达的范围当然远比LDR图像的范围要大得多。

在Unity中,exr格式的贴图在导入的时候会被转变为RGBM的格式,因为通常大家Lightmap的导入选项中的TextureImporterSettings.rgbm都是使用默认的“Auto”,即当原始数据为HDR格式的时候使用RGBM格式的编码进行导入。RGBM把[0, 8]范围的值压缩成[0, 1]范围,并且把一个系数存储在Alpha通道中,最终的颜色值为RGB * A * 8。

5. 最终选择的解决方案

在经过这些探究、对比和纠结之后,我决定还是采用UWA的建议,自己修改UnityCG.cginc中的源码。原因是这里是产生不同的根本所在,在不需要对美术制作流程产生任何影响的前提下,也许可以从根本上解决问题。
烘焙场景变暗的原因前文的代码和搜集的博客中已经给出了——在PC平台上,因为是支持RGBM格式的,而且我们开启了线性空间,因此DecodeLightmap最终走了下面代码的逻辑:

return (decodeInstructions.x * pow(data.a, decodeInstructions.y)) * data.rgb;

这里decodeInstructions的值是在外部定义的unity_Lightmap_HDR。关于这个变量我没有从Unity的文档中搜索到相关的设置,只在UnityCG.cginc中看到一个似乎相关定义:

// These constants must be kept in sync with RGBMRanges.h
#define LIGHTMAP_RGBM_SCALE 5.0

在移动设备上,最终会使用这样的逻辑:

// Decodes doubleLDR encoded lightmaps.
inline half3 DecodeLightmapDoubleLDR( fixed4 color )
{
    return 2.0 * color.rgb;
}

也就是值直接乘以了2.0作为lightmap的颜色值,不知道这个2.0是从科学的计算方法得出的,还是仅仅是一个接近的经验值。而在线性空间下,按照RGBM的计算方法,RGB * A * 8材质最终的值。由于线性空间的亮度是线性增长的,因此2倍和8倍其实有非常大的差距,明暗差别很大也就可以理解了。当然这里我进行测试,decodeInstructions.x的值并不是8,而似乎是4或者5这样的值。我用Photoshop打开Unity的Lightmap文件,发现其中的alpha通道几乎全部接近纯白色或者纯黑色,只有部分是灰色的,像下图中用于测试的Lightmap图。


用于测试的Lightmap原图
用于测试的Lightmap原图
对应的Alpha通道颜色
对应的Alpha通道颜色

检查了下我们自己用的场景中的Lightmap贴图,无论是室外场景还是室内场景,光照贴图的Alpha通道都是接近纯白色或者纯黑色,部分地方是灰色,那么如果我仿照对于RGBM格式贴图的处理,舍弃掉对于alpha的乘法,结果应该只会丢失掉一些局部细节而已,不会对整体的明暗效果产生影响。于是,我选择了最终的解决方案——将DecodeLightmapDoubleLDR函数中的2.0修改为unity_Lightmap_HDR.x的值。
总结一下最终的解决方案:

  1. 修改BuildinShader中的UnityCG.cginc中的DecodeLightmapDoubleLDR函数为:
// Decodes doubleLDR encoded lightmaps.
inline half3 DecodeLightmapDoubleLDR( fixed4 color )
{
#if defined(UNITY_COLORSPACE_GAMMA)
    // Gamma空间下依然使用之前的计算方法
    return 2.0 * color.rgb;
#else
    // 线性空间下使用和RGBM近似的方式
    return unity_Lightmap_HDR.x * color.rgb;
#endif
}
  1. 重新替换Unity Editor的UnityCG.cginc文件,删除工程中Libery下缓存的编译好的Shader,即整个ShaderCache目录,重启Unity让它重新编译所有Shader。
  2. 编写资源导入的后处理脚本,设置Android和iOS设备下的Lightmap的导入格式为ETC2_RGB4和PVRTC_RGB,重新导入所有光照贴图。这里舍弃掉alpha通道,在安卓设备上,让之前一张1024*1024大小的贴图从1.3M变为0.7M,意外的收获,开心~(另外我在安卓设备上尝试了ETC2_RGBA8的格式,结果反而全黑掉了,因为是在中间尝试的步骤,因此没有深究。这里提醒一下,如果使用同样方法修改shader的同学可能需要注意下光照贴图压缩格式的问题。)
  3. 重新生成所有相关的AssetBundle文件,包括Shader、光照贴图,打包到安卓设备上,然后截图传到PC同屏对比,美术看完之后表示——“很完美,看上去和PC上的完全一样!”。

放一张修改之后在PC上使用安卓平台运行AssetBundle版本的游戏截图。


最终修复后的效果图
最终修复后的效果图

6. 总结

这个问题的根本原因在整理这篇文章的时候我也进行了一些思考,应该是2.0这个经验值是针对伽马空间下的光照贴图亮度调整的经验值,伽马空间的亮度叠加是非线性的,2.0只能是一个接近,因此无法做到各个平台下的效果一致。在移动平台支持线性空间之后,UnityCG.cginc并没有更新这个值在线性空间下的表现问题,导致烘焙的结果在设备上会变暗。

这个问题的解决花费了我大约两天的时间,中间进行各种资料的搜索、实验、方案对比,以及和美术进行问题的讨论和最终解决方案的效果确认。最终的解决方案虽然只修改了几行代码,但是寻找解决方案的过程却涉及到了各种知识点。工程中,解决问题的过程总是伴随着各种猜测和不解,在最后问题解决了之后,有些疑问解开了,有些疑问可能仍然没解开,比如我依然不知道Unity在哪里可以设置unity_Lightmap_HDR的值,或者说这个变量的值是由什么来决定的。最终方案的选择是基于时间成本、维护成本、最终效果一致等各个方面的考虑,我也很明确地知道这个解决方案并不一定适合所有的项目,抑或这个解决方案的背后是否还隐藏着别的坑。但是如美术看到结果时所说——“很完美,看上去和PC上的完全一样!”正应了计算机图学上的那句名言:如果看上去是对的,那它就是对的。

7. 问题解决后的安利:线性空间的工作流

本文到最后,我突然理解了为什么网上那么多解决方案在建议规定贴图亮度范围,又或者如UWA的问答中所说的“需要自行修改Lightmap的DecodeLightmap函数,该函数可在Unity\Editor\Data\CGIncludes\UnityCG.cginc文件中找到。需要说明的是,这种方法也不能达到与PC端完全一致的效果。 ”

而我们在解决这个问题之后,做到了动态光影场景效果接近最终烘焙效果,PC预览烘焙效果几乎等于移动设备上忽略色差和亮度差别之后的效果,因为我们使用的是线性空间的工作流啊~~

之前在网易做端游项目《无尽战区》的时候,就经历过一次从伽马空间到线性空间制作方案的改变,当时已经了解到线性空间对于美术制作和最终效果的影响力。因此在了解到Unity 5.5开始在移动设备上原生支持线性空间的时候,我们就在5.5.1f版本的时候在工作室内推行了线性空间的工作流方法。由于之前角色制作已经是在用Substance和线性空间来做了(角色材质中模拟的线性方案),因此只在场景制作这边遇到了一些阻力,但当时为了解决烘焙效果几乎无法预览,全靠猜、重试和经验的问题(顺便吐槽Unity的烘焙效率真是慢,比Unreal慢了一个世纪的感觉!!!),顶住压力和主美一起推行了完整的线性空间工作流。除了效果之外,这次问题的解决也让我再次体会到了线性空间的优势——虽然问题很可能是由于Unity官方在材质中对于设备上的结果计算没有考虑线性空间导致的,但是我们自己修复之后,可以做到设备上的效果与PC预览的效果基本一致,这对于美术的效果调整有很大的信心提升。虽然安卓设备上屏幕参数各种不同,但是我们可以保证在色准较好的设备上效果是稳定的。

关于线性空间的原理和优劣晚上有大把TA、或者程序的文章在讲,包括Unity官方文档也有详细的说明,这里只放一张官方的对比图,有兴趣的朋友可以自己搜索。


线性空间和伽马空间对比
线性空间和伽马空间对比

当然,线性空间也有代价,就是一点额外的性能消耗。Unity 5.5版本开始支持移动设备上线性空间,需要项目组付出的代价是只支持OpenGLES 3.0以上的设备,对应最低的安卓系统版本是4.3。

一方面,支持OpenGLES 3.0的设备占比越来越高,另外一方面,安卓模拟器貌似还都大都是只支持2.0的版本。这也是我们项目后面可能要面临的问题,但是有舍才有得,从项目整体的收益来看,目前使用线性空间还是利大于弊。

最后,安利最近立项的Unity手游项目组,可以考虑使用线性空间工作流,你们的美术会爱你的。(当然营销爱不爱就不好说了,哈哈……)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容