【译】GDC2017【神秘海域 4】中所使用的顶点着色器技术

发表于2017-03-09
评论1 7.4k浏览

作者:谷川肇(三一的游戏工作室)

翻译:Traceyang

原文链接 http://game.watch.impress.co.jp/docs/news/1047802.html


GDC2017Technical Art Techniques of Naughty Dog:Vertex Shaders and Beyond】的分享会上,NaughtyDog对冒险游戏【神秘海域4Uncharted4)】的Vertex Shader顶点着色器)的使用实现的要素做了解说,给开发者们介绍了神秘海域4中所使用的顶点着色器技术,一起来看看吧。 

说明: thismessage://0c23716a-4649-4543-b35d-c45cd93462b7.jpg

 会場:San FranciscoMoscone Convention Center

 

说明: thismessage://86dd592a-7bae-4a40-819e-4717571f63b3.jpg 

NaughtyDogLead TechnicalArtistAndrew Maximov

 

   GDC 2017的最后一天,Naughty Dog在题为【TechnicalArt Techniques of Naughty Dog: Vertex Shaders and Beyond】的分享会上,对公司的人气动态做冒险游戏【神秘海域4Uncharted 4)】的VertexShader(顶点着色器)的使用实现的要素做了解说。

 

   登场解说的,是Naughty Dog的技术美术组长(Lead Technical ArtistAndrew MaximovMaximov所列举的【神秘海域4】的粒子着色器所做的内容,相当的丰富和有意思。

 

   这次是基本上是沿袭SIGGRAPH 2016上的内容,不过因为是GDC 2017最后一天最后的一个主题,会场里包含站着听的开发者完全的满员,不得不进行入场的限制。

 

   所谓的Vertex Shader是什么呢,在最近GPU上的支持了没有分工区别的统一渲染架构的Unified-Shader的同时,因为计算阶段也被细分化了,不能简单的来区别了,传统的GPU绘制图形进行演算的部分,Vertex所指的是负责的3维顶点的计算,到写入到缓冲部分的计算单元。而这次分享中提到的VertexShader,也是如此作为上下文来使用。然后为了绘制实际的图形,通过Pixelshader的运行,得出画面上像素的颜色后,来进行绘制。

 

  现代的Vertex Shader是把3D的顶点数据的集合,转化为相机所看到的2D的顶点数据,在制作绘制元素时,把美术师制作的原始的3D的形状和颜色数据进行加工,就可以动态的制作出变化的形状和颜色。这部分Shader有着程序化(Procedural)的意义在里面。能这部分做好,实现与其他游戏的差异化,有着非常重要的意义。

 

 

Uncharted 4General-Purpose Vertex Processing - Naughty Dog


 

   在【神秘海域4】中实现的很有意思的,是通过几种基本系统的组合,制作出丰富多彩的变化。以此为大前提,在整体的空间,有着控制风的风系统(WindSystem)。

 

   

   组合这个风系统的对象,有着以一点为中心轴(Pivot)进行变形的元素,具体来讲就是以草木树枝的根为中心轴来弯曲的那样的白哦先。但是,草木随风的飘动,不光有风系统的影响,像叶子顶端激烈的晃动,是通过激烈切换法线贴图,用法线的凹凸表面来实现动画效果。这样把每个局部的动作用适当的技法组合来实现的。

 

   另外,使用Wind SystemPivot制作的动态效果,不光只有背景。角色的毛发和衣服随风飘动的样子也是受风系统影响的。另外毛发还受重力变化的影响。在毛发干燥的时候,是不受重力影响的,而是跟随风系统随风摆动的,而切换到下雨的场景里,头发被雨润湿后受重力影响运动也变得沉重起来。为了实现这种变法,角色在通常使用的法线贴图外,还要准备其他用途信息的法线贴图。

 

【头发的Pivot受风的影响控制】

说明: thismessage://e1655bf8-6410-40e9-a8f0-9e5a0a3918f3.jpg

 说明: thismessage://5bf3725f-f84b-48e5-b2b2-32d480b03d28.jpg 

   衣服飘动时候的处理也是,利用了方向信息的扩展贴图。并不是整个衬衣受风力控制,把飘动的那部分皱折用Mask的方式用法线来作出皱折的形状。然后再通过与向下Scroll2轴向的2D法线进行混合,来作出衣服受风运动的效果。

 

【风对衣服的影响】

说明: thismessage://2a3a81df-9db2-4b74-a57a-41a0a7ec8245.jpg

 说明: thismessage://e1a86e24-df9c-4b4c-a189-a04260576840.jpg

   在垂直的旗杆挂着的旗子的飘动表现,也是采用的类似的方法。旗子飘动,是参考的保存在顶点颜色中的值,通过对描述的在无风状态下沿着旗杆下垂的状态和受风影响完全横向飘动状态之间做变形(Morph),再与风系统影响的动作做混合来表现。另外那种水平放置的旗杆,旗子垂下的状态,是通过Pivot和法线的来进行风的模拟的。

 

【重力对头发的影响以及旗子的飘动】

说明: thismessage://f556dc5f-4181-48cd-85c0-013b9a5f4b10.jpg

 说明: thismessage://0066da73-bc0b-455b-ad55-f030f692b30c.jpg

   变形方面,又称作“Step Morph”,在脚底起伏所产生的步调的变化,足迹和脚下地面的变换,尘土粒子的控制上也被使用了。另外还有碰撞所产生的汽车的变形,是预先在顶点颜色里保存表现碰撞产生的凹凸的坐标信息。用变形状态的变化管理在RenderTarget中写入损坏值。在通过损坏值来对车体表面进行变形,称作“SkinnedMorph Target”

 

【地面的変化】

说明: thismessage://cfa80e7a-9a9d-4d88-b524-9af5658d49ea.jpg

 说明: thismessage://b5b40fa8-547f-442f-8f7f-a29187fd4e7e.jpg

 

 

【汽车碰撞的变形】

说明: thismessage://715317c3-7fc0-49eb-9579-d921f8a8afdb.jpg

 说明: thismessage://81918d74-0367-496f-8137-04a9e1f842de.jpg

 

 

【飞行物的控制】

说明: thismessage://80e8d641-af2b-4c38-b8e2-78514bea16ed.jpg

 说明: thismessage://c3d63b57-9c36-4ef4-a5f3-d5cdcebb2e81.jpg

 

    除了这些实现之外,为了能充实细节,控制降雨强弱的信息,也保存了作为Scale值的动画数据,再参考这个值自动变化的来使用RayCast,水面上浮动的小船和水面的涟漪的表现,可以根据小船上下移动和左右旋转的偏移自动的生成。

 

【雨天/水面的控制】

说明: thismessage://9e66fe63-2424-45d3-b0ac-73a50e6b3b49.jpg

 说明: thismessage://9c9c1912-8f6a-49a2-a1a0-e240cbba8063.jpg

 

【人群的控制】

说明: thismessage://cf3e01f7-e95e-411d-85f4-ba9d5958b730.jpg

 说明: thismessage://aea8e0cc-ef37-4a12-b1a9-c8c49bb7be80.jpg

 

  在降低渲染处理负荷的措施上,例如Billboard的特效动画,加入了相机看不到的像素就不会描绘的优化。还有为了不会产生特效纹理的分辨率的低劣化,最低也会使用一半数据尺寸。也加入了跟随玩家角色的移动,增加角色包围网格范围内草的生成密度。

   

【负荷降低 / 优化】

说明: thismessage://15d418ad-1849-4390-9463-ac1c1efe5adc.jpg

 说明: thismessage://b69a75ba-8b75-496b-b21c-394fe9e883a8.jpg

 说明: thismessage://9380e8f4-8fd1-4640-b31e-e007e95f3314.jpg

 说明: thismessage://378a291b-a159-441c-bff2-ecec3ece0d28.jpg

 

 

   除此之外,还有很多的小技巧,都是使用顶点着色器的功能来实现,每个都不是什么高级技术,不过实现了那么多要素,不得不佩服这些复合技术的使用。

Naughty Dog的下一款作品预订为【最后的生还者2 The Lastof Us Part II】,虽然游戏风格不同,但可以确定的是下一款作品中肯定会实现更高密度的信息,非常的期待【TheLast of US II】以及【Uncharted】系列的续作。

以上就是


如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引