米哈游技术总监详解《原神》画面效果的技术实现

11月17日,中国Unity线上技术大会游戏专场迎来米哈游技术总监弋振中的分享,此次他围绕“从手机走向主机-《原神》主机版渲染技术”为主题,细致地讲解了《原神》在主机上渲染技术实现的重点内容。

以下是演讲内容(有节选):

大家好!我叫弋振中,目前负责《原神》的主机平台开发。首先我简单介绍一下《原神》的游戏,《原神》是开放世界的RPG游戏,有独特的二次元画风,是跨平台的,而且长期运营,长期更新。

今天的内容安排大致是:首先我会介绍一下《原神》主机平台的基本情况,然后按照我们开发的时候改造渲染管线的思路,选择部分的技术点进行更深入的分享,希望从渲染的角度,让大家对于我们如何将《原神》带到主机平台有大致的了解。最后是一点我个人的开发体会。

下面是主机渲染管线的简介。首先,Unity是我们游戏里面使用的引擎。Unity是一个灵活度很高的引擎,代码风格很简洁,所以我们能够更方便地定制化开发《原神》的渲染管线。同时我们有非常强大的引擎团队,在Unity上面为《原神》进行了深度的开发。

我们在主机平台和手机平台采用的是不同的渲染管线,但是游戏的基调是一致的,都是基于PBR的风格化渲染。另外《原神》的主机平台开发起步时间稍晚于手机平台,在平台管线搭建好以后就进入了同步开发的节奏。资源的制作、功能的开发多方面都需要兼顾到多个平台的情况。

基于PBR,是为了让整个大世界的光影效果保持统一,因为我们的光影都是实时计算的,有24小时的循环,有动态的天气系统。PBR能够确保不会在不同的光照条件下出现脱离预期的渲染效果。作为风格化的游戏,也需要根据美术的需求修改不同的材质。

《原神》在PS4上的分辨率是这样设置的:PS4 pro上面是原生的4K分辨率,在PS4的base,我们把1440P作为我们的渲染分辨率,最后是输出到1080P上面,这样我们得到的最终后面会更加清晰,也会更加锐利。作为《原神》为主机开发的功能,大量使用了compute shader,compute shader有很多不错的特性,而且在支持Async compute管线的平台上,我们还能够进一步节省开销。

《原神》的风格化渲染是非常独特的,因此美术对于图形功能的要求也和写实类游戏不一样,尤其是光影效果,大家可以看到脏、黑、死、焦、噪这些词都频繁地出现了美术和程序的沟通当中。

下面我们提到的所有的技术,都经历了很长的磨合期,有一些甚至还在磨合当中。在经历了反复的打磨和修改, 直到美术对最终效果满意,程序对最终实现方案的性能也满意的情况下,我们才会大规模铺开制作

接下来再介绍具体的功能之前,我跟大家讲一下在PS4平台刚开始开发的时候,我们面临的一个状况是,有时候项目在做平台切换时,在实现的时候没有考虑到主机平台的特性。再加上各种为PS4开发的图形和游戏功能的计划,这都意味着大量的工作量。

另外还有TRC、索尼账号等等一系列PS4独有的问题需要解决,工作量和工作难度都非常大,然而我们能够给主机开发的资源又很有限。一开始的主机团队就我一个人,光杆司令。为了全球同步上市,留给我们开发的时间大概只有一年半,一年半的时间要让一个平台从无到有,还要达到一定的品质,这期间还要准备ChinaJoy、TGS等展会,能够顺利地完成这一切,真的是非常感谢《原神》的整个开发团队的努力,非常的不容易。

下面讲一下我们在渲染管线上做改动的一些思路,因为开发的时间很紧,所以在选择技术改造点的时候,遵循下面几个原则。

第一个是关于功能的选择,我们首先 排除掉开发周期长的,需要过多地前期研究的功能。

然后根据游戏的美术风格,我们 选择一些对于画质的帮助更大的地方去做提升。另外因为时间不多,所以我们希望新加的功能能够更多地发挥作用,所以最好是能够在相互之间产生互动,这样会显得画面更加系统化,得到的画质提升也会有1+1>2的效果。

下面就是我们做一些 技术点的解析

首先我们从场景的光影方面选择了几个技术点,主要是侧重方法,会稍微涉及到一些优化思路。第一个是关于方向光的阴影,《原神》的大量游戏时间是在室外,室外方向光的阴影质量非常重要。一方面近处的阴影细节需要更加细腻,才显得画面更干净;另外一方面是阴影覆盖范围需要足够大,因为游戏的可视距离非常远,阴影范围是800米。

大家可以看一下这张贴图,即使在远处墙壁上一小片的绿植产生的阴影,在放大之后都能够看到树叶的轮廓。这个地方放大之后,能够看到树叶轮廓,而且非常稳定。整体上我们对于《原神》的方向光阴影的质量是比较满意的。

我们阴影的技术还算是比较常规,使用了Cascaded shadow map 加上基于Poisson disc的soft shadow,我们游戏没有使用通常的4级cascades,而是用了8级,这属于大力出奇迹的方式。大力出奇迹带来了更好的阴影效果,当然也带来了更多的性能开销。更多的drawcall会带来CPU开销,更多的cascades会带来GPU的开销。我们把质量提升上去之后,会想办法来解决性能问题,那我们怎么去做的呢?

首先在CPU端,我们做了一个shadow cache,8级cascades的前4级我们每帧都更新,后面4级是采用轮流更新的方式,确保每8帧所有的cascades都能至少更新一次。每一帧的话,我们只更新5级cascades。

主要的工作量其实在GPU端,用了8级cascades以后,我们的screen space shadow map的开销长期是大于2毫秒的,在某些情况之下能够超过2.5毫秒。GPU比4级cascades的情况下,爆涨了0.5到0.8毫秒。

我们的软阴影采用的是泊松分布的采样,而且每个像素会去做一个旋转,来消除重复的pattern,这一整套的操作都是很重量级的。但是我们仔细想一想,真的需要对每个像素都要做这么多操作吗?所以我们的优化思路是 尽量只在必要的地方做软阴影计算。此外我们会生成一张Mask贴图,在贴图里面标出阴影、半影和非影片区。阴影区和非阴影区只需要直接返回0和1就好了,只有在半影区才会去计算软阴影,通过这种方式,我们的GPU开销大致减少了30%左右。甚至比采用4级cascades还要再快一些。

大家可以看一下这张图,图里面被红色标注的区域,就是我们的半影区,这个是需要我们去做软阴影处理的区域。其他的区域,就是在阴影区域或者是非阴影区域,我们直接返回0和1就好了。大家可以看出来,绝大部分的像素都可以去掉软阴影计算这个繁琐的步骤。

这张神奇的Mask贴图是怎么生成的呢? 这张Mask贴图的分辨率是屏幕分辨率的1/4×1/4,也就是说一个Mask值对应的是一个4×4的block。然后我们对4×4的block里面的每一个像素,来判断它是不是在阴影中,最后汇总成一个阴影、半影和非阴影的三个状态,保存到Mask贴图里。这样我们能够得到一个准确的半影信息,但是它不够快,所以我们做了进一步的优化, 只选择4×4这个block里面很少的几个像素,来判断是不是在阴影当中。

这几个像素的判断结果,就代表了整个block的信息,显然这样会出现一些误差,因为我们是拿几个少数几个像素的结果来代表整个block,所以我们把这样计算得到了Mask贴图做了模糊处理,让半影的区域稍微扩散出去。整个Mask贴图的生成,包括模糊处理大概的开销是在0.3毫秒左右。优化出来的效果非常好,肉眼可以说是看不出任何的区别。这样优化完之后,我们的GPU开销时间大概稳定在 1.3到1.7毫秒

把阴影搞好以后,下面我们来看看 AO(Ambient Occlusion环境光遮蔽)。大家可以考虑一种情况,就是人物和场景的物体都已经处在山或建筑物的阴影当中,这个时候人物和物体的投影跟山和建筑的投影是融为一体的。这种情况之下,画面缺乏对比,人和物体就会显得浮空。为了解决这个问题,我们在游戏里面采用了多种的AO技术,针对不同的情景生成不同的AO。

首先我们使用了HBAO,这是一个比较常规的实现,能够提供一些比较细节的AO效果。同时我们对静态物体和动态物体分别采用了AO Volume和Capsule AO这两种技术。

下面这个是AO Volume的开关情况,大家可以重点看一下我们在红圈里面的区域。椅子对地面产生了柔和的投影,在我们打开AO volume的情况下。

和HBAO相比,AO Volume能够产生更大范围的AO。它可以针对类似桌子或者椅子产生大面积AO。因为技术原理和性能的限制,HBAO是没办法产生这种效果的。AO Volume这个时候就体现很好的补充,要实现AO volume,首先我们是在离线的时候对需要产生AO volume的物体做一个遮挡信息的计算。这个计算是在物体的本地空间(Local space)去做的,生成的遮挡信息我们保存下来,在运行的时候注入到volume texture中去使用。这个技术在2012年GDC关于《InFamous 2》的讲座上有提到过,大家有兴趣可以去看一下。

下面是关于Capsule AO的对比图,大家可以重点看一下屏风和地面,被我们红色的圈给圈出来的区域。大家可以看到相邻在屏风和地面,能够产生出能够反映体形和人影的投影。而且如果在游戏中大家去观察的话,随之相邻动作的改变,阴影的形状也会随之产生变化。

我们前面提到AO Volume主要是针对静态物体的,因为遮挡信息是通过离线计算的方式保存下来。像角色这种带骨骼动画的,是不能采用这种方式的,因为形状是不停地在发生变化。Capsule AO的做法就是用一些胶囊体包裹住人物的四肢和躯干,这些胶囊体和角色的骨骼动画绑定进行同步更新。然后这些胶囊体会被用来做遮挡计算,计算的时候我们把它分为无方向的环境遮挡计算,以及带方向的遮挡信息计算。带方向的遮挡信息计算采用的方向是主光源方向和法线进行混合之后得到的虚拟遮挡方向。通过这种方式,角色可以同时在周围的墙和地面等投出多个阴影。

下面是一个关于 AO的优化技巧,《原神》的AO都是在1/2×1/2分辨率的RT(Render Texture)上去做计算。为了保证画面的干净,我们对AO还做了一个模糊处理(blur)。然后再Upsample一个全分辨率的贴图上面去。所有的模糊处理和Upsamplepass,我们都用了一个Bilateral filter,确保不会有无效的AO渗透到周围的区域。

从前面的描述可以看出,模糊处理和Upsample加起来一共有三个pass,这就意味着AO需要被读取和写入多次。而且如果你了解Bilateral Upsample的话,大家可以知道相邻的像素之间有很多的计算其实都是重复的,所以我们采用的优化方式是将所有的计算都放到一个compute pass里面去做。然后通过LDS来保存blur的中间值,通过同时输出四个像素的方式,来重用相邻像素的计算。最终我们还可以通过async compute pipe把性能开销进一步降低。

关于我们的Local Light,我们在游戏里面采用了 Clustered deferred lighting。我们支持是视野内同时出现最多1024盏灯。大概的做法是我们将屏幕分成64×64像素的tile,然后每一个tile在深度的方向上面继续分为16级的clusters。通过这两个图,可以大概看出我们能够支持多少灯。

这张图是一个游戏里面的截图,是一个典型的通过Local Light的阴影提升画面的情况,多个不同的Local Light,它们的照明范围是交错存在的,然后角色也投下多个不同的阴影朝不同的方向,画面就显得细节很丰富。

我们怎么做的呢?我们的Local Light阴影系统支持接近100盏灯的实时阴影,理论上我们可以支持更多,不过这已经很够用了。阴影的分辨率是根据优先级和距离进行动态调整,最终的阴影是通过烘焙的静态场景阴影和实时生成的动态场景阴影结合得到的。游戏里面有很多的Local Light,如果每一个Local Light都去烘焙它的shadow texture的话,会占用的硬盘空间非常大。而且因为是深度贴图,所以不能随便使用BCN的压缩,那样会非常冒险。所以需要一个好的算法来对于烘焙的shadow texture做一个压缩。这个压缩需要在精度损失足够低的同时,还要保持压缩率足够高,同时我们的解压开销要非常小才行。

我们开发的这个系统是在离线制作的时候,对于shadow texture做了一个压缩,尽量地去保持精度,运行的时候解压的速度也非常快,用compute shader去解压1K×1K的shadow texture,我们解压只需要0.05毫秒,可以说非常非常快。

那压缩率和压缩质量呢?我们先介绍一下压缩的算法思路。首先我们对于shadow texture按照一个2×2的block来进行编码,每4个深度值,我们用32bit来保存。如果想要降低精度损失,可以选择高精度压缩,这种情况之下每个block的大小变成64bit。编码的方式有两种,一种是基于深度平面方程的方式,或者是通过压缩的浮点数方式。编码完成之后,还要进一步通过一个quad tree来合并编码后的数据,进一步提高压缩率。quad tree是每个tile要保存一个,而每个tile又包含了16×16个block,大家可以看到下面的三个图,从左到右分别是没有压缩的深度贴图,中间是我们的平面方程编码的视图,最右边是我们quad tree 0到4级的深度视图,黑的地方是深度为0的区域。我们参考了Bo Li在2019年Siggraph上面的讲座,大家有兴趣可以去看一下。

压缩比:在一个典型的室内场景默认精度压缩比是在20:1到30:1左右。如果开启高精度模式压缩的话,大概默认精度压缩到40%到70%。阴影贴图的压缩是非常有必要的,可以帮我们容量下降一个数量级。

大家可以看一个对比,这是默认精度压缩,能够看到红圈里面有一些瑕疵。这个实际上是我们找到的可以说是最差的一个情况。这是高精度压缩,基本上看不出任何瑕疵来。如果把高精度压缩的图和不压缩的情况做对比的话,其实肉眼是看不出什么差别,所以也没必要放上不压缩的图片。

刚才的图是一个2K×2K的shadow texture,大小如果不压缩的话是在8MB,默认精度压缩大小变成了274.4KB,压缩率是29.85。如果替换成高精度压缩,就是肉眼看不出差距的压缩,贴图大小变成了583.5KB,这种情况的压缩率还是有14左右,所以还是相当不错的。

在搞好了Local Light以后,我们接下来要为游戏添加体积雾, 体积雾是可以接受Local Light的照明影响,在灯的影响范围内会形成一圈光晕,可以极大地提升画面的体积感。大家可以看到图里面近处的灯笼周围会有一圈泛光。包括画面远处的建筑物,因为笼罩在灯光下会使得周围的体积雾也被照亮,而显得有一丝的朦胧。

这个图是一个更有意思的情况。如果我们给Local Light加一个projection texture,也就是我们通过这个贴图来控制Local Light光照的形状,就像右边这样,体积雾也会产生相应的变化。

我们的体积雾的计算是基于物理情况,支持通过不同的参数让体积雾在大世界里面的不同区域有不同的表现。为了让体积雾更加稳定,画面更加细腻,我们给体积雾添加了Temporal filter进行了多帧的混合。整体的GPU开销,也控制的不错,在PS4 Pro下面大致在1毫秒甚至更少。

大致的实现是这样的:首先是基于相机空间,我们把view frustum分成很多的voxel,这些voxel跟我们前面提到的clustered deferred lighting的clusters是对齐的,这样方便我们在后面对Local Light做scattering计算的时候进行一个加速。

前面提到的体积雾参数和Local Light的信息,都会被注入到这些voxel里面去,然后我们通过Ray marching的方式去计算体积雾。在这个时候,Local Light的信息就自然而然被考虑进去了。

有了体积雾,我们不得不提到 God Ray效果,首先大家可以先看看游戏里面God Ray的表现。对于方向光进行遮挡就可以产生God Ray的效果,我们的做法是有一个单独的pass来生成God Ray,然后是在1/2×1/2分辨率下面。God Ray也是通过Ray marching的方式去生成的,我们会去采样shadow map,但是最多会采样5级的cascades。

God Ray生成完之后,我们会提供美术一些可以调整的参数,然后将God Ray的结果叠加到体积雾上面去。它在使用上面,并不是一个物理上正确的东西,但是它的效果是能够让美术满意的。

了解体积雾的人可能会有一个问题,为什么要单独使用一个pass呢?体积雾本身就可以产生God Ray。这个就是一个很好的技术和美术磨合的例子,我们有体积雾直接生成的God Ray,在游戏里面实际效果其实不能够让美术满意,原因有两点。第一个是分辨率不够,因为体积雾的分辨率是靠Voxel,而我们的Voxel是不会划分的特别精细的。第二是因为体积雾生成的God Ray强度是完全依赖于体积雾的浓度。要想得到很明显的God Ray,就需要雾的浓度提的非常高。雾的浓度一旦提高了,画面就会显得不通透,太脏,这就是回到前面提到的两组词里面,这是美术不能够接受的。所以我们是采用了单独的pass去生成God Ray,这样可以得到更锐利、更清晰的效果,美术调整也更灵活。美术想要什么,我们就给他做什么。

下面给大家看看对比图,大家就能更好地体会到我说的是什么意思。这个God Ray就是通过体积雾生成的,包括整个画面的表现。这张是我们游戏里面现在使用的方式,就是单独的pass去生成,做一个对比。

大家可以看到第一张God Ray不是很明显,而且画面雾的浓度非常高。而第二张图,God Ray会更清晰一些,而且整个画面是更加干净、更加通透,这就是美术想要的效果。

接下来是 IBL(Image Based Lighting)系统,大家先看一下演示视频。图中左边的是 Reflection probe(反射探针),右边是 Ambient probe,随着24小时的变化,我们的Reflection probe和Ambient probe的内容也会跟着变化。

我们先看一下左边的Reflection probe。Reflection probe是用来给场景提供反射信息的。因为游戏的光影不断变化,我们是不能够简单地为反射探针烘焙一张环境贴图作为反射信息之用。所以对于每一个Reflection probe,我们是烘焙了一个mini GBuffer,产生在游戏当中,根据当时的光照条件去实时生成环境贴图,美术可以在游戏里面摆很多个这样的Reflection probe。

然后在运行的时候,我们会去更新场景的Reflection probe的cubemap。整个过程我们大致分为三步:第一步是 Relight,第二步是 Convolve和Compress。最后通过Compute Shader去同时处理六个面,然后分帧进行,只处理一个probe,不停地做循环。

第一个步骤,就是 Relight步骤,大家可以通过图能看出来,就是一个简单的把当前的光照环境用来照亮mini GBuffer,得到环境贴图的过程。然后生成的环境贴图,需要经过Convolve这一步,得到mipmap的正确信息。最后这个贴图需要再通过一个Compute Shader的做法,压缩成BC6H的格式,然后送到渲染管线里面去使用。大致是这么三步的过程。

下面是我们的 Ambient probe。Ambient probe也是实时生成的。我们在做完Relight以后,Reflection probe是包含了当前的整个光照信息,我们可以从中提取出当前的Ambient的信息,并且把它转化成一个3阶的SH(Spherical Harmonic)系数保存下来。

这个提取的过程,在我们把Reflection probe处理完成以后会自动进行,也是同时使用Compute Shader来处理六个面。

这么看下来,我们整个系统算是完成了,但实际上里面有很多地方是可以改进的。第一个是Relight是没有阴影的,因为单靠mini GBuffer我们是没有办法在Relight pass生成阴影,这样会导致一个很大的问题。就是在Relight完成得到的环境贴图是漏光的,本来应该处于阴影当中的地面也会变得非常明亮。

通过这样的环境贴图算出的环境光(ambient)也会出现有问题的情况,那怎么解决呢?我们的做法是,我们把24小时的shadow都烘焙下来,就是隔一段时间我们烘焙一下,把shadow转化成一个shadow SH保存起来。在运行的时候简单通过当前的时间对shadow SH进行插值,用来压暗Relight以后的结果。

这样得到的效果是出乎意料的好,而且我们需要保存的数据非常的少。因为shadow SH很糊,所以我们做插值也没有什么大的问题。

同样的方式,我们还可以把Local Light的信息也保存下来,作为Local Light的SH在Relight的时候也加上去,这样可以得到非常好、非常廉价的一个Local Light 反弹的效果。大家可以看一下添加shadow SH的前后对比,没添加的情况之下,屋檐和地面都莫名其妙的亮,添加之后就能够看出来是在阴影当中了,所以效果是很明显的。

下面是我们把Local Light SH加进去的情况对比。大家注意看一下画面右上角那片屋檐下面暗的区域,这是没有添加Local Light SH的情况。这是添加了的。那块区域被照亮了。

我们现在已经解决了漏光的问题,并且添加了Local Light SH。接下来是一 个室内和室外光照环境不一致带来的问题。因为室内和室外的光照环境往往是很不一样的,如果不加区分的话,室内外的环境光(ambient)混在一起,得到的效果就很容易让人家觉得不对劲。

我们是把Reflection probe分成室内、室外两种,然后美术通过摆放一个 室内环境用的网格(interior mesh)来标记受室内光影响的像素。Ambient probe也会相应地为室内、室外生成不同的环境光。

而且我们还做了一个过度的处理,就是在室内的光照和室外的光照进行环境切换的时候,不会出现一个因为明显的光照差异不一样而产生的硬边的效果。

除了通过Reflection probe得到的反射,我们还有 Screen space reflection(SSR)来提供实时的反射信息。SSR在PS4 Pro上面的GPU开销大概是在 1.5毫秒左右,我们对SSR也加了一个Temporal filter,通过当前帧的SSR信息和历史信息混合起来,来提高SSR计算结果的稳定性,让画面也更平滑一些。

为了得到更多的反射信息,我们为SSR生成了Hi-Z的buffer,我们可以让每条射线通过Hi-Z最多能够跟踪的距离达到整个屏幕。

在没有SSR的情况之下也会有Reflection probe可以提供场景的反射信息。我们是使用了一个Deferred reflection pass来计算Reflection和Ambient信息。在计算Reflection的同时,我们把AO信息也考虑进去,这样可以有效地降低漏光瑕疵。

接下来是我们的最后一个技术点, HDR Display。这里面的HDR Display包含了两个方面,一个方面是指亮度,需要使用PQ ST2084的EOTF,最高是能够让画面亮度达到10000 nits。

另外一方面就是 色彩空间,我们需要支持Rec.2020色彩空间,Rec.2020色彩空间和现在普遍的电视机使用的Rec.709相比,它可以显示的色彩范围要大得多。大家可以看看在CIE 1931色度图里面的覆盖范围对比。Rec.2020色彩空间覆盖范围大概能达到75.8%,相比之下Rec.709只能在35.9%的样子。

在这里我们称使用了 ST2084和Rec.2020色彩空间的渲染管线为HDR管线,而使用的Rec.709色彩空间的非HDR管线,我们把他们叫做SDR管线。而为了让这个技术放到《原神》里面去,我们做了哪些调整。

这张图是《原神》的SDR和HDR的管线对比图,和SDR管线相比,HDR管线没有了tone mapping,color grading变成了HDR的color grading。而代替tone mapping的是RRT+ODT(reference rendering transform + output display transform)的组合,这就是很多人熟悉的ACES调色。

另外,UI在HDR下面,也是单独画到一张RT的。然后再跟场景做一个合并,这是因为UI的亮度处理方式跟场景是不太一样的。在图上大家看到RRT+ODT是灰掉的,我们待会会再来细讲这个事情。

《原神》从1.2版本开始,会在PS4上面支持HDR10的模式,然后替换SDR的Color grading是我们的HDR Color grading,美术会在Davinci这种软件上面去做HDR校色。然后通过我们的脚本输出HDR的Look-Up-Table(LUT)。

在运行的时候,白平衡HDR的Color grading,还有我们的Color expansion这些操作,都会在一个compute pass里面,输出到一张Color的Look-Up-Table里面。因为这个Look-Up-Table很小,所以尽管前面提到的这些都是需要大量的计算操作,但实际上开销是很小的,大概不到 0.05毫秒

前面管线图的RRT+ODT部分是灰掉的,虽然这个是一个主流的调色方式,但是我们并没有采用它,因为和我们的游戏风格不太搭。所以尽管是主流,我们还是放弃了。

为了保证在低亮度范围内的画面和SDR版本的游戏一致,我们将HDR的渲染画面和tone mapping处理之后的画面做了一个基于亮度的混合,然后在亮度不高的地方,就尽量保证了filmic tonemapping的关于toe部分的处理。

在低亮度范围内一致性的问题,这里面涉及到OOTF的事情。前面我们提到在HDR上面是用了BT1886作为一个EOTF曲线,然后在设备处理游戏输出的时候会用到,相应的游戏在输出信号给电视机的时候也会增加一条曲线,这个就是OETF。然后在HDR的管线里面,实际上就是一条gamma曲线。

但是这里面存在一个问题,就是1886的gamma是2.4,但是SDR的OETF是一个分段函数,大致上可以看作是gamma 2.2,这就出现了一个问题,也就是在PPT上写的问题。OETF处理完的颜色,经过EOTF,它得到的并不是它本身,就产生了一个误差。

但是在HDR下面,因为我们OETF和EOTF是被很好的定义了的情况,所以他们是互逆的,于是这个颜色在经过这两个处理之后能够得到原来的颜色,所以在HDR下面没有这么一个问题。

但是大家已经习惯了在HDR下面有这么一个误差的画面,所以为了模拟这个误差,我们是在HDR管线里面添加了OOTF,把差异给补上去了。

做完这些,是不是HDR就彻底没问题了呢?并不是。这还有一个大坑,叫做 Hue Shift。

解释一下什么是Hue Shift?举个例子,大家可以看一下游戏里面火焰制作的示意图,我们通过一个灰度图,就是下面像馒头一样的东西,加一个噪声贴图,然后进行扰动,得到了火焰扰动的纹理,然后我们用橘色去染色。最后我们把火焰的整体亮度往上提,这个时候就得到大家可以看到的见证奇迹的时刻,在SDR下面因为有tone mapping的原因,tone mapping在亮部是有一条曲线的,会让亮度增加逐渐变慢,于是橘色的R通道跟G通道的差异本来是很大,但是随着亮度的增加,tone mapping曲线介入了,R通道的增长就变慢,G通道就逐渐赶了上来,于是就产生了Hue Shift,画面渐渐开始发黄,于是就得到了后面看到的SDR下面火焰的效果。

但是问题来了:因为在HDR下面,我们是没有tone mapping的,Hue Shift是不会发生的。它叫做Hue Preserving。R通道跟G通道的比例关系是得到一个保持的,所以能够得到亮度非常高的橘色。但是在视觉上,不会让人家觉得很明亮,因为没有黄色。

那怎么去修改呢?一种常用的方法,也是很多大作都用的方法,叫做 黑体辐射。这是一个基于物理的算法,美术去指定温度,根据温度计算出应该是什么颜色。通过这种方式,我们是需要修改美术的资源。不过我们没有采用这种方式,为什么?一方面是因为HDR 这个功能是在很后期才加入的,我们不能够让美术去大量修改已有的资源。

另外游戏并不是写实类的游戏,我们的火可以是各种颜色,而且还有很多其他的特效是随着元素反应去转换颜色的。所以我们自己搞了一个方法,我们在shader里面去模拟了Hue Shift,并且把模拟放到了color grading pass里面去,合并到Look-Up-Table的计算中。

这样的好处是,首先我们是不需要修改任何的效果,得到的效果非常满意,我们不仅仅是让火焰特效在HDR下面的效果跟SDR几乎一致。而且因为通过引入tone mapping的方式模拟了Hue Shift,所以我们前面提到的在非HDR的亮度部分的画面一致性的问题,也被顺手解决掉了,不需要跟tone mapping处理之后的画面做混合。而且这个操作,也是在生成Look-Up-Table的时候去做的,所以它的性能增加是可以忽略不计的。

技术介绍我们就到这里介绍了,下面是我一些个人的总结和感想。

就像前面提到的,《原神》的主机版开发是第一次尝试,时间、资源和人才都很缺乏。通过一年多的开发,我们积累了很多的经验,尤其是如何把写实的渲染技术跟风格化游戏结合的经验,非常的宝贵!随着新的主机平台的到来,我们又面临了一大波的技术升级。不过和在美国的时候相比,国内主机开发的从业人员太少了,希望大家能够多多交流,和我们探讨一下技术,交流一下开发经验。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/44402.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

原神反调试分析

打开CE,打开原神启动器。 至此,游戏未加载驱动。启动器可以被CE正常读写。 打开原神,CE中选择YuanShen.exe,发现原神并不能被读写。 尝试分析不能读写的原因。 CE调用的读取内存函数是NtReadVirtualMemory 猜测有三种可能 1.NtReadVirtu…

关于原神抽奖概率的简要分析

序言 最近迷上了原神这款游戏,趁着保研完,肝了两个星期,也氪了一些金。先不谈这款游戏可玩性有多高,但论氪金强度算是我从小到大玩的游戏中,能排得上第一的了。 对于这种寸卡寸金的游戏,如何在无穷无尽的…

CAD教程:如何将Excel数据快速导入CAD图纸

在平时的设计工作中,为了图纸内容的丰富性,通常会在里面添加一些元素,使得数据更加的完善,那我们想在CAD图纸中添加一份Excel数据表,徒手绘制那就肯定是太过于麻烦了,那怎么才能省时省事呢?这个…

CAD绘图软件中如何将图纸分享给其他人

当我们在CAD绘图软件中打开一张图纸进行查看的时候,查看完成后,在CAD绘图软件中如何将图纸分享给其他人,具体要怎么来进行操作呢?相信很多的小伙伴们都想要知道,那下面小编就来教教大家具体的操作方法吧。 第一步&…

怎么将手机上保存的CAD图纸发送给好友

现在有很多的工作我们也可以在手机中完成,就比如说我们再收集中将图纸进行查看之后保存了下来,之后同事需要使用到这张CAD图纸文件。那么我们就可以将图纸发送给好友。怎么将手机上保存的CAD图纸发送给好友,下面我们一起来看看。 步骤一&…

dat文件导入cad画图步骤_图说CAD|多文件、多布局图纸批量打印设置的8个关键步骤...

在AutoCAD中,Publish(发布)功能具有批量打印图纸的功能:1. 以读取预设页面设置的方式进行打印,可直接打印为一套图纸电子文件,也可以打印为单张图纸电子文件。2. 支持批量自定义图纸名称指定。3. 可对发布图纸内容进行增减、排序。…

怎么把CAD表格转换成Excel表格?CAD表格导出教程

有些小伙伴在使用CAD软件绘制图纸的过程中,想要将CAD表格导出为Excel表格时不知道该如何操作,浩辰CAD软件中提供了CAD表格转Excel功能,可以快速将CAD中由线和文字构成的表格转换成Excel表格。下面就让小编来给大家介绍一下浩辰CAD给排水软件中…

计算机接口cad图,管道接口CAD平面图怎么画

回答: CAD怎么画钢琴平面图 CAD怎么画出钢琴的平面图呢?很简单的,有需要的朋友动手试试吧。 1、启动中望CAD软件,执行“矩形”命令(rec),绘制1575mmX230mm和1575X50mm的直角矩形。 2、执行矩形命令和移动命令(M),绘制出…

cad快速看图软件免费版(手机在线cad快速看图)

很多机械设计师日常工作过程中涉及到多种格式的cad图纸,cad图纸大多都需要cad设计软件才能打开,然而很多小伙伴并没有下载相应的cad设计软件,这种情况下如何进行cad快速看图呢? 今天小编为大家推荐一款cad快速看图软件免费版&…

CAD批量打图精灵10.0入门教程

简介 在工程制图中,往往有大量的图纸需要打印或转为PDF,可能是一个dwg文件里有多张图纸,或是多张图纸分散于多个dwg文件。常规的打印方法是,逐个手工框选打印,操作单调且费时。有没有更好的方法呢?CAD批量…

这样的图像在CAD怎么画呢?

这期来说一下用CAD怎么绘制这样的图形。 目标图 操作工具 操作系统:Windows10 CAD软件:CAD梦想画图 步骤 1.首我们使用圆(C)命令画一个半径为50的圆,如下图所示: 画圆 2.然后使用多边形命令画一个以圆…

CAD制图初学入门教程:一键解决CAD图纸杂乱

纵横交错的线条,星罗棋布的图形,错综复杂的标注…一看到复杂的CAD图纸,就感到头晕眼花,不知所措。哪位大神能指点迷津?如何让复杂的CAD设计「简单化」?新人设计师在面对复杂的CAD图纸项目时,时常…

cad看图怎么看?一键查看方法说明

CAD怎么看图?CAD是我们日常办公学习中经常接触到的软件之一,越来越多的人即使非相关专业也在学习CAD使用的方法技巧。有时我们接收到CAD文件后,没有合适的软件可以打开它就有点麻烦,今天给小伙伴们说一个快速看图的方式。 一些CAD…

不会画建筑CAD图纸?建筑CAD设计全流程解析打包送给你!

建筑CAD图纸通常比较复杂,但千里之行始于足下,当我们要绘制一张建筑CAD图纸时,应当怎么着手呢?本CAD教程整理了相关绘图流程解析打包送给你! 从建筑CAD图纸内容上来划分,图纸的空间设计包括平面图、立面图、…

cad查看_微信接收图纸dwg怎么打开?如何手机查看CAD图纸,三步免费教你

如果微信上接收到CAD图纸,第一想法是什么? 如何进行打开? 都知道CAD图纸文件难以打开更是难以进行编辑,很多情况下都是必须要使用电脑才能够进行打开,想要在手机上打开dwg图纸文件应该怎么操作呢? 今天这里…

CAD手机看图中怎么将编辑好的图纸文件微信发送给其他的人?

CAD手机看图中怎么将编辑好的图纸文件微信发送给其他的人?现在有了手机相关的CAD辅助软件,我们可以轻松的进行查看编辑图纸,就算是没有电脑,也不会存在限制,那么在手机上,我们要是将图纸编辑好之后&#xf…

cad看图软件哪个更好用(免费cad看图软件推荐)

对于机械设计师来说,常常需要查看大量的CAD图纸,但是很多设计师并不在每台电脑上都安装了相应的CAD软件。这使得在线查看CAD图纸成为了一项刚性需求。为了解决这一问题,市场上涌现了许多CAD看图软件。但是,对于这些软件来说&#…

CAD教程:CAD建筑户型图纸还能这么画?

五一节后没精神?浩辰CAD软件助你高效开工!上面这幅CAD户型图,你临摹需要多久?1小时?或者更久?今天小编给大家分享一个CAD教程在10分钟内,快速画完这张CAD户型图! CAD绘图教程 绘图…

一键在Web端把CAD图自动分割成多张图纸并导出子图或图片

前言 ​ 在实际中,一个CAD文件中往往存放多张图纸,有时需要这些图纸分开,单独保存或显示。以往的做法是在cad中人工进行处理。今天小编教您在web端一键把CAD图自动分割成多张图纸并能把每个子图导出成单独的dwg文件或保存成图片。 例如要处…

PDF图纸怎么导入CAD中?尝试这样操作一下

做工程或园林等设计的小伙伴应该比较常见这个问题,由于每天接触CAD图纸文件,不管是保存还是和其他同事之间的传输分享,直接使用CAD源文件的话会比较麻烦,对方不一定时刻能在电脑前,况且不同版本的图纸和工具还有兼容问…