播放列表加载中...
正在载入...
分享视频：
嵌入代码：
拍下二维码，随时随地看视频
当歪果仁的各种失误瞬间别加上了GTA5的死亡特效wast...
上 传 者：
内容介绍：
当歪果仁的各种失误瞬间别加上了GTA5的死亡特效wasted，会变成什么样，哈哈哈哈#主版块#
我来说点啥
版权所有 CopyRight
| 京网文[0号 |
| 京公网安备：
互联网药品信息服务资格证：（京）-非经营性- | 广播电视节目制作经营许可证：（京）字第403号
<img src="" width="34" height="34"/>
<img src=""/>
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img width="132" height="99" src=""/>
在线人数：
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img src="///img/blank.png" data-src=""/>
<img src="///img/blank.png" data-src="http://"/>
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/>
<i data-vid="" class="ckl_plays">
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/><i data-vid="" class="ckl_plays">
没有数据！
{upload_level_name}
粉丝 {fans_count}
{video_count}
{description}&>&&>&&>&&>&正文
《GTA5》的一帧画面是如何制作的？揭秘游戏背后的故事
21:56:46 来源：游民星空[编译] 作者：泡面 编辑：泡面　浏览：loading
【游民星空编译制作，转载请注明来源作者，原作者为Adrian，感谢他为我们带来如此涨姿势的文章】　
　　《GTA》系列自1997年公开以来，就受到了广大玩家的喜爱，在2年前，R星公开了《GTA5》，游戏非常成功，在短短24小时内就出货了1100万份，销量可怕。
　　游戏的PS3/XBOX 360版本可以说做的非常成功，PS3仅有256M RAM以及256M显存，竟然能够运行如此出色的画面而不奔溃，这不得不让人感叹R星技术的强大。
　　当然，今天我们要谈论的是游戏PC（DirectX 11)版本,就是占用了几个GB内存和显存的那个版本，让我们一起来揭秘游戏图像的秘密吧，看看一帧3D游戏画面是如何诞生的。
第一部分：解剖帧数框架
　　我们用麦克的这张图作为例子，他站在一辆Rapid GT前，身后是美丽的洛圣都。
　　《GTA5》使用的是延迟性管道渲染，通过大量的HDR缓冲区运行，当然这些缓冲区无法在同一个显示器中全部呈现，因此我们将其分解，将画面调用至Reinhard模型，通过这样将画面回归到每条线路8-Bit。
环境块图：
　　第一步，截取图像的环境块图，这个块图每一帧都是事实运算，连续执行后就得到了后期逼真的环境效果，这也是Nvidia的3D画面实现技术——Forward-Rendered。
　　那么如何实现这些块图的呈现，对于不熟悉游戏技术的人，你可以想象你在拍摄一副全景图片，设定自己站在一个立方体中间，六面环绕，每转过90度进行拍摄，一面连接一面。
　　游戏中图像就是这么呈现的，每一面换算到128X128 HDR图像，第一面的元素就包括以下内容：
　　同样的内容使用到剩下的五个面，最终获得完整的块图：
　　每一面差不多呈现出30次画面调用，基地的多边形网格呈现的内容仅仅是环境（天空、山脉、主题建筑），角色以及车辆不予以呈现。
　　这也是为何在游戏中你的车辆和环境互相反应非常好而其他的车辆却没有造成反应，角色也是如此。
块图到抛物面图的转换：
　　完成了环境块图的设计之后就需要把它转化为双边抛物面图。
　　方块图展开后显示了不同区域，而转化之后就类似于半球形状的图片（包含俯视和仰视双视角）。
原块图拆解
形成双边抛物面图
　　为何要进行这一步转换，很关键的一点在于优化！通过块图着色器需要捕捉到6个面上128X128的图像，而转换为双边抛物面图之后，着色器需要捕捉的仅仅是2个全面的128X128图像，更重要的是，一般情况下，玩家的视角都是从上方往下看，因此完善俯视视角就能够进一步地达到优化目的。
　　此外，块图6个面的边缘都是独立链接，如果说两个边缘上存在统一图案对于老一代的显卡来说将无法识别，就算是新一代的显卡也需要耗费更多性能去过滤，而转换为双边抛物面图将大大减轻显卡处理的压力。
修缮细节等级（LOD）：
　　这一步需要计算着色器来完成，根据物体距离镜头的远近，用不同精细的网格进行着色，有的物体甚至不需要着色过程，例如一些超过可见距离的花和草是不会呈现在屏幕上的，就不需要进行修缮。
　　这一方面PS3和PS4/PC版本之间存在着很大的差异（PS3版本没有计算着色器支持），因此在PS3版本中，这些内容都通过Cell多核处理器或是SPU解决。
更多相关资讯请关注：
友情提示：支持键盘左右键“← →”翻页
用手机访问
扫一扫，手机浏览
相关新闻：
游戏制作：Rockstar Games
游戏发行：Rockstar Games
游戏平台：PC/Xbox360/XboxOne/PS3/PS4
上市时间：
游戏特色：
《GTA5》在玩家们手中充满了无限的可能性，许多玩家都曾利用《GTA5》做出过一些奇妙的东西。今天要为大家介绍的就是来自油管频道RavenwestR1的作品，他用《GTA5》还原了《最后生还者》的预告片。
YouTube主播PRZEMO利用MOD把迪拜的标志性事物——帆船酒店和迪拜警车，搬到了《GTA5》当中。
NaturalVision是款《GTA5》著名的MOD，，Razed花费了超过1200小时，重制了他的这款MOD作品，推出了全新的“NaturalVision Remastered”，让游戏的真实感更上一层楼。
最近国外一个MOD团队公布了一款强大的MOD，它能够让整个《GTA5》变身成一款“太空冒险”游戏。
时间回到2015年，《GTA5》的MOD制作者JulioNIB发布了一款钢铁侠MOD。让玩家们可以在游戏中过把铁人瘾。时间过去了两年，JulioNIB在近日公布了一段新的演示。
本期我们将见到《GTA5》中令人窒息的跳伞操作，《守望先锋》一锤定江山，《绝地求生》惊现“地狱战车”。
上个月的时候，《GTA Online》更新中加入了配有喷气发动机的摩托。而善于挖掘的玩家们很快就找到了新摩托的乐趣，玩出了各种花样。
不久前国外专门研究《GTA5》菜单的小组Gurus在游戏中成功触发了任务条件，现在他们公布了一个较为稳定的条件。
一位英国老奶奶因不爽瓦斯涨价，在直播《GTA5》的时侯大暴走，在游戏中疯狂闹事，并拿里头的路人泄愤。
现在国外专门研究《GTA5》菜单的小组Gurus在这件事上取得了新进展，找到了坠毁的UFO，并且和外星人有了接触。
开发者计划将《GTA4》里的自由城搬到《GTA5》里面，近日制作者们发布了MOD的新截图，并且表示第一次测试预计在今春开启。
OpenIV发布了一组全新截图，整体效果相当不错。不过正如图上所示，目前仍处于Alpha的早期版本，等正式完成还有一段时间。
近日，笔者在《GTA5》官方频道整理出PC玩家人气摄影作品，不得不说玩了这么久《GTA5》竟然没发现它有这么美！
《GTA5》绝美景色截图，通过专属MOD的打造使得整个游戏场景虚拟难辨。
最近，国外有一名玩家制作了《GTA5》的一个流星的MOD，使用MOD后宛如世界末日一般，整个城市都笼罩在阴沉而混乱的氛围中。
相信自《GTA5》推出以来，全球无数粉丝都在大洛都中感受到了家的关爱，这里充满着温馨的回忆。其中一些《GTA5》精彩瞬间已经被玩家拍摄下来。
新一周刚刚开始，我们新一期《GTA5》“别人家的游戏世界”即将起航，在由R星打造的大洛都环境中玩家会施展无所不能的本领！
R星打造了世界一等的自由沙盒游戏《GTA5》，基于现实世界打造的大洛都到处充满诱惑，金钱、女人以及地位随时触手可得。
《GTA5》的Mod社区近日又放出了最新的ENB Mod截图，几位PC配置逆天的玩家为我们截取了一批《GTA5》实景美图，相当赏心悦目！请大家欣赏。
ENB系列作者“Ryuken”当前正在为《GTA5》制作一个ENB MOD，今天他分享了最新版本的4K版截图。尽管《GTA5》的原版画面就很棒了，但是在ENB MOD的帮助下，《GTA5》的世界显然更加美丽动人。
综合热点资讯
单机游戏下载
| 加西亚上尉
游民星空联运游戏《GTA5》一帧画面是如何制作
17:10 新浪游戏
　　做了这么多年玩家，玩了这么多年游戏，那你是否想知道《GTA5》这样好评如潮的大作是如何做出来的呢？
　　《GTA》系列自1997年公开以来，就受到了广大玩家的喜爱，在2年前，R星公开了《GTA5》，游戏非常成功，在短短24小时内就出货了1100万份，销量可怕。
　　游戏的PS3/XBOX 360版本可以说做的非常成功，PS3仅有256M RAM以及256M显存，竟然能够运行如此出色的画面而不奔溃，这不得不让人感叹R星技术的强大。
　　当然，今天我们要谈论的是游戏PC（DirectX 11)版本,就是占用了几个GB内存和显存的那个版本，让我们一起来揭秘游戏图像的秘密吧，看看一帧3D游戏画面是如何诞生的。
　　注：本文包含大量游戏制作专业术语，请感兴趣的朋友保持耐心
　　第一部分：解剖帧数框架
　　我们用麦克的这张图作为例子，他站在一辆Rapid GT前，身后是美丽的洛圣都。
　　《GTA5》使用的是延迟性管道渲染，通过大量的HDR缓冲区运行，当然这些缓冲区无法在同一个显示器中全部呈现，因此我们将其分解，将画面调用至Reinhard模型，通过这样将画面回归到每条线路8-Bit。
　　环境块图：
　　第一步，截取图像的环境块图，这个块图每一帧都是事实运算，连续执行后就得到了后期逼真的环境效果，这也是Nvidia的3D画面实现技术——Forward-Rendered。
　　那么如何实现这些块图的呈现，对于不熟悉游戏技术的人，你可以想象你在拍摄一副全景图片，设定自己站在一个立方体中间，六面环绕，每转过90度进行拍摄，一面连接一面。
　　游戏中图像就是这么呈现的，每一面换算到128X128 HDR图像，第一面的元素就包括以下内容：
　　同样的内容使用到剩下的五个面，最终获得完整的块图：
　　每一面差不多呈现出30次画面调用，基地的多边形网格呈现的内容仅仅是环境（天空、山脉、主题建筑），角色以及车辆不予以呈现。
　　这也是为何在游戏中你的车辆和环境互相反应非常好而其他的车辆却没有造成反应，角色也是如此。
　　块图到抛物面图的转换：
　　完成了环境块图的设计之后就需要把它转化为双边抛物面图。
　　方块图展开后显示了不同区域，而转化之后就类似于半球形状的图片（包含俯视和仰视双视角）。
原块图拆解
形成双边抛物面图
　　为何要进行这一步转换，很关键的一点在于优化！通过块图着色器需要捕捉到6个面上128X128的图像，而转换为双边抛物面图之后，着色器需要捕捉的仅仅是2个全面的128X128图像，更重要的是，一般情况下，玩家的视角都是从上方往下看，因此完善俯视视角就能够进一步地达到优化目的。
　　此外，块图6个面的边缘都是独立链接，如果说两个边缘上存在统一图案对于老一代的显卡来说将无法识别，就算是新一代的显卡也需要耗费更多性能去过滤，而转换为双边抛物面图将大大减轻显卡处理的压力。
　　修缮细节等级（LOD）：
　　这一步需要计算着色器来完成，根据物体距离镜头的远近，用不同精细的网格进行着色，有的物体甚至不需要着色过程，例如一些超过可见距离的花和草是不会呈现在屏幕上的，就不需要进行修缮。
　　这一方面PS3和PS4/PC版本之间存在着很大的差异（PS3版本没有计算着色器支持），因此在PS3版本中，这些内容都通过Cell多核处理器或是SPU解决。
G-缓冲15%效果
G-缓冲30%效果
G-缓冲50%效果
G-缓冲75%效果
G-缓冲100%效果
　　其中涉及到的渲染内容包括：
　　漫反射贴图缓冲区：它的作用是储存“内在颜色”的网格，代表了物体本身的材质，理论上不受光照影响，但你可以注意到汽车引擎盖上的泛白区域，R星在定向输出漫反射贴图之前计算了太阳光的阴影效果。
　　法线贴图缓冲区：用于储存每一个像素的法线向量（R/G/B）。
　　镜面贴图缓冲区：里面包括了物体的高光/反射信息：
　　-Red:高光强度
　　-Green:光泽度（平滑性）
　　-Blue:菲涅尔强度（判断所有像素是否属于同一材质）
　　发光贴图缓冲区：红色通道包括受太阳光照影响的所有独立像素所反射的光照，蓝色通道则是包括物体受到第二光源的反射，绿色通道则是处理物体本身具有的发光反射（霓虹灯、灯泡）。在这里大多数阿尔法通道是不使用的，除非需要标记对应字符的皮肤或是植被的像素单位。
　　深度贴图缓冲区：用于储存镜头里每个像素之间的距离。
左为深度缓冲，右为模板缓冲
　　上述所有缓冲区最终形成需要大约1900左右的draw calls（draw call是openGL的描绘次数，数值越低越好，对于GTA5来说，1900这个数值是非常低了。）注意，在场景渲染中，从前到后的顺序是最明智的，剔除更多不需要渲染的内容，这样一来可以进一步减少显卡压力。
　　阴影：
　　《GTA5》采用的阴影技术是CSM（cascaded shadow maps一种比较新的实时阴影渲染技术，专门用于渲染大型场景，效果很好，但是有一个缺点就是场景需要多次渲染，它的中心思想是将屏幕像素分散到多个ShadowMap中，因为近处的东西细节较高，远处的东西细节较低，因此将视椎体分割，并将光源摄像机聚焦到对应的小视锥上），贴图像素为，用此技术是为了确保玩家附近的阴影拥有更高的像素，而远处物体的阴影细节则适当减弱。
　　这一步有很高的性价比，虽然说要进行4倍渲染次数，但其间可以避免大量不必要的多边形裁剪，使得draw calls数值维持在1000左右。
　　通过深度信息，计算出每个像素的阴影，进而进行分类，太阳方向的光反射阴影处于红色通道中，而在大气中透过云投射将会分别储存在红色和绿色通道中。
绿色部分为太阳阴影，灰色部分为云朵阴影
　　同时阴影将采用抖动模糊效果处理，如果你仔细观察下面的贴图，红色管道所呈现出的是类似棋盘状的效果，这是为了边缘更加平滑。（模糊效果处理是非常繁杂的过程，因为它需要处理大量问题贴图，但最终获得的效果能够让阴影更加真实）
模糊处理后得到的阴影图
　　平面反射贴图：
　　这属于后期检测的一项步骤，因此在这里不多赘述，简而言之就是还原反射所对应的贴图在一个240X120的图案中（约650draw calls），从而呈现一个面上所反射包含的内容。
　　SSAO（Screen Space Ambient Occlusion屏幕空间环境遮蔽）：
　　线性版本的缓冲计算结束后，就开始建立SSAO画面。
　　首先建立多噪点版本，通过depth-aware模糊技术进行双向排除（横向和纵向）去除画面中的噪点。上述工作都是在原图一半的分辨率下进行的，为了扩展后得到更好的画面表现效果。
多噪点版本
SA模糊技术后效果图
　　G-缓冲区结合：
　　是时候把各个缓冲区之间的内容结合了，一个着色器同时获取五个缓冲区的内容，形成最终的HDR图片。
将缓冲区的图片融合，得到初步效果图
　　这样子最终图片的雏形已经完成，但我们依旧缺少天空，海洋以及一系列透明物体，在此之前，至少我们的麦克还不够完美。
　　次表面散射（Subsurface Scattering）：
　　麦克皮肤上存在许多不连续的黑点，让他看起来像是用塑料做的而不是人肉。
　　这时候就轮到SSS技术登场了，模拟皮肤内的光传输，通过SSS后我们可以看到麦克的肌肤内似乎有了血液流淌的痕迹。而SSS技术只会应用在皮肤上而不会衍生到衣服等其他物品上是由于缓冲区计算出麦克皮肤的像素值为0x89，符合这一区域的物体才会收到SSS效果影响，而这个效果将会作用于游戏中主角以及NPC的皮肤上。
　　在这张例图中虽然没有大面积水域，但还是有一些游泳池等东西，《GTA5》中的水是通过折射和反射两个层面呈现。
　　通过Z缓冲区导出两个版本的图像，分散出不同的水面内容：
　　水体扩散图像：展示了水的内在颜色。
　　水体不透明图像：其中红色管道储存水中的不透明属性，绿色管道区分水的深浅。
　　注意，在这里所有水都呈现出来了，包括隐藏在物体后面的，都会在红色管道中出现，在这里绿色管道的作用就是剔除那些隐藏的水面，保留视觉可以看到的。随后我们就可以得到下面的水面反射图片。
　　再结合上面的缓冲区图片内容，我们就可以获得一张带水的画面图。
　　大气层：
　　创建光过滤贴图，这也被称为体积阴影，实现光是透过大气层或是雾等气候后的照射效果，而不是太阳直射。这样之后的图像也存在许多噪点，需要进行模糊效果处理，在此之后，添加雾面层，随后是天空，最后加入云彩。
基础+雾效果
基础+雾效果+天空
基础+雾效果+天空+云
　　天空的构建采用球形单点draw call，参考下图，大规模网状覆盖整个区域。云渲染也采用相似的方式，用前面提到过的法线贴图和密度贴图来渲染体积云，尺寸为，无缝连接。
　　透明物体：
　　添加画面中的透明物体，比如玻璃，挡风镜，车窗，以及飞行的尘埃粒子等，这个过程仅仅占用11draw calls，就能够完成大量粒子实体化。
　　抖动平滑：
　　远景像素点由于渲染程度有限，在放大后像素化叫严重，这时利用着色器进行后期处理，读取原始颜色缓冲区数据并通过阿尔法管道进行扩散，得到像素化严重的色区数值，进行共同抖动处理。PC版本和PS3/版本这方面处理的并不好，抖动过滤器并没有完善使用。
抖动处理前
抖动处理后
　　曝光度调整：
　　曝光度永远不能够过快的转换，相邻两帧之间的差别不能够有过高的变化，平缓地转换非常重要，例如你在《GTA5》中驱车从一个山洞驶出，暗到亮的变化需要多点曝光来适应玩家眼球对于视觉差变化的适应程度，暗到亮的曝光速度要比亮到暗的曝光速度更快，这是根据人眼习惯所得出的结论。
左为低曝光度，中间为中等，右为高曝光度
　　抗锯齿及光学畸变：
　　如果游戏的抗锯齿方式采用的是FXAA，那么需要紧致网格来达到边缘平滑的效果，随后模拟真实世界的镜头，通过小着色器进行光学畸变，这不仅仅会扭曲整体画面，也会减少边缘纹理的色差。
光学畸变前
光学畸变后
　　这里提到的UI仅仅只是改帧画面在左下角地图上的变化，整个地图区域被划分为不同方块区域，通过引擎划分出显示在同一屏幕的区域，得到更好的变化效果图。最后将小地图载入主要缓冲区，添加上小的图标，我们的最终作品就诞生了。
添加地图UI后
　　这一帧画面总计4155draw calls，88个渲染目标以及1113个纹理图。
　　可以看出制作一帧画面，如果厂商用心优化的话，是需要非常麻烦的步骤，一步步改良减少显卡压力，最终让更多玩家的PC能够顺利运行，这方面，本次R星的《GTA5》无疑做的相当出色，期待今后能够为我们带来更加完美的作品。
　　（来源：gamesky 原作者：Adrian 编辑：dcy）