ashkeling报道/11 月 16 –20 日，中国 Unity 线上技术大会以直播形式召开，为广大开发者带来了一场有关前沿技术和优秀案例的线上盛会。在11月18日晚的游戏专场中，TipsWorks《ob电竞》项目总导演＆美术总监丁成甲，为广大开发者详细拆解分享了《ob电竞》研发过程中所使用到的技术以及游戏表现与优化方法。

《ob电竞》是TipsWorks开发的首款游戏产品，并且该作采取了类似主机游戏的买断制模式，同时在游戏的表现方式与呈现的最终品质十分优异，趋近于3A大作。因此这款游戏也被苹果相中，登上了苹果2019秋季发布会中，作为展现苹果强大的A13仿生处理器演示游戏出场，成为首个国人研发登上乔布斯剧院的游戏。

前不久，《ob电竞》刚刚官宣销量突破100万套，成为了今年首个销量破百万的国产单机游戏，在此次开发者大会中，丁成甲也着重以游戏的画面表现、世界观剧情安排以及关卡设计方面进行讲解，为国内广大同行带来思考。

以下是演讲实录：

丁成甲：大家好，我是《ob电竞》的总导演兼美术总监，我是整个负责项目里的剧情框架，游戏玩法还有美术表现，本期分享会我会以游戏制作的角度来介绍一下《ob电竞》的创作流程，展示一下在创作《ob电竞》中，我们经历了哪些阶段。最后我会举一些游戏中的例子来解析游戏中的美术表现与优化。

说到帕斯卡契约，首先介绍一下我们项目，最早的时候是使用unity来制作的一款动作角色扮演项目。最开始我们用的是unity的5.6版本，最后一年我们升级到unity 2018。

从2016年开始研发，大概三年的研发周期，制作人员从第一年10个人，一点一点扩大，最后一年我们大概30个人，整个项目95%的资源都是自己产出的。这就是我们公司的一面墙，早期我们会在墙上面做很多的尝试，其实我们早期没有太多的方向，所以当时做了非常多的风格尝试。

接着我出了这样的小稿，这是一组黑暗中世纪题材的概念图。出了稿子以后，工作室里的每一个人看了稿子后觉得非常有兴趣，大家出乎意料的一致，觉得方向可以试一试。

确定了目标后，我继续做了一些人设的细化，就有了现在这张图，有剑士、女巫、贵族、猎魔人、重甲骑士这种风格。因为我们当时只有10个人左右的人力，决定把体量控制的小一点，我们商量了一下，做一款中世纪题材的动作对战游戏，可能是一个比较保险的方案。

到了项目开始定初期目标，这阶段我们觉得订立的目标始终要量力而为，订立可实际完成的体量，订立可实现的玩法，而不是说我脑子里有非常多、非常决战的点子，但实际制作的时候处处碰壁，结果只能完成它的60%或者70%。

所以我们考虑了很多，希望把制作体量控制在一个可掌控的范围之内，这是我们当时做的初期联机对战demo。

10个人花了一年，做了一个已经可以刷到手机上的联机对战模式，可以WiFi联机，就像《ob电竞》一样能够实现PVP，但是当时游戏性和画面都没有调的很好，游戏内容略微有点单薄，所以我们决定加入一些PVE元素。这是接下来为 PVE模式制作的一张场景设定，看起来有点诡异而破败的村庄。为此我们开始思考游戏的世界观和简单的故事。

当时我们做了一个所谓基地的PVE玩法，怪物不断从远方涌过来，OB欧宝体育电竞官网保护基地，需要不断的击杀怪物获得能量，然后用能量强化自身，迎接下一波怪物。这个PVE玩法现在看起来非常简单，但是对于当时的我们来说意义非常重大，因为时候我们终于得到了一个像样的游戏框架，而且玩起来确实也蛮有趣，给了我们前期非常大的信心，我们看到这一步后，想想还不如把这块好好做一做。

有幸的是场景最后被保存下来，就是这个场景。

这个场景现在是游戏最终上线后，第一关海格姆的画面，保留了原来那块区域，在这个基础上继续扩展了场景。这个时候我们目标比较明确，项目正式开始推动，就像雪球一样越滚越大。

关于世界观的包装，我们有一些自己的想法，特别是做一款手游，当游戏受到了体量的限制，我们不能去做地图很大的这种游戏，就不可能让OB欧宝体育电竞官网随心所欲地去任何地方，OB欧宝体育电竞官网一定会想为什么我去不了对面那座山，我过不了对面那个河，这时候我们一定要给OB欧宝体育电竞官网一个合理的解释，让OB欧宝体育电竞官网觉得这是一个合理存在的世界。所以我们在项目上的做法，是在世界上加了一个设定，比如这个世界失去了光明，只有在有光的地方才是人类正常可以活动的区域。

那么世界就需要一种发光体，可以让故事、剧情、整个世界聚焦，非常自然。我就设计了上面的生物，它为世界带来光明，人们依附他而活，形成了这个世界观。

所以当时我们决定需要一个与世隔绝被黑雾笼罩的世界。那这里生活人们的故事以及发掘这背后的秘密自然就成了剧情核心。我们创建的场景就会是生活在世界里人们的生态环境，同时也需要完整的故事链。主线剧情、主要的人物一点一点的添加进来。世界观的设定不断完善，在整个世界观里面不断回滚，关卡设计也在不断更新。最后我们得到了我们想要的故事体系和世界观。

当世界观设定好以后，我希望世界中的一切体系，一些系统，包括玩法系统都是服务于世界观的。所以设计了理智系统，这是一个绝望失控的世界，每个人都有可能在崩溃的边缘，主角当然也不例外。他看见疯狂的事情，这些疯狂会燃烧进他的理智，他可能时时刻刻都处在理性和非理性的边缘。

在混乱的世界中，当理智崩溃时要遇到什么，是看见灵异的怪物，还是看到发狂的boss，还是看到背叛的队友，这些都是通过游戏的理智系统所表现出来。但还是在一个统一的世界观之下，所以这是一个完整的包装，不是把玩法、美术，、剧情全部拆开来处理。我们希望无时无刻的提醒OB欧宝体育电竞官网，你正处在一个疯狂的世界中。

当时我们有意考虑到我们就这么点人力，但还要想办法节省资源和减少工作量。所以我们做的世界观设定，是外面的世界都处在黑雾中，整个游戏都处在浓雾中，而且光源很微弱，看不清远处，所以游戏的视距就不用开的很高，不用制作一些非常繁琐的细节，也让我们制作的实际体量确实小了很多，关于这块我会在后面场景制作的环节里具体分析，

这是我们的主角团，以及动态状态。

在做最开始的角色设计时，其实考虑过很多，比如手机屏幕比较小，人物占比较少，所以在设计的时候会把比例稍微做的夸张一点，物件的厚度都做得比较敦实，没有特别细小的设计，基本上以体块为主，哪怕东西缩小了，在屏幕上并不是很大，还是能感受到它的体积感和体块感。

这几张图基本是角色的制作流程。

原画到高模，再到材质的绘制。材质绘制流程上，我们基本上用painter来对材质进行写实绘制，基本上用PBR的这套基本流程，手机内存非常宝贵的话，贴图使用有限，我们主要把重点放在了材质的调节上，在游戏引擎里面在用unity还原出来实际效果。在做的时候基本上是全尺寸贴图，会最终会根据游戏的内存来进行优化。

基本上贴图不会专门去弄、去压缩，像diffuse和specular可能会看情况进行一些压缩，主要看内存的盈余。我们深入的研究了unity standard的标准材质，而且Substance Painter和unity也做了非常好的衔接，几乎一导出就可以针对unity5当时的标准材质输出。

最终我们用到的贴图有三种，diffuse Specular以及Normel。金属度或是粗糙度，基本上是在阿尔法通道里去调整，整体来说用的是比较省资源的做法。

这是另一个角色，贝妮塔，这个角色它的特色是攻击别人的时候，同时可以吸收别人的生命，存在身上的血瓶里，血瓶会根据它自身的攻击，或对自身的回血上下浮动变化。

针对血瓶，我们是用Shader graph来实现效果，并且随着人物的位移，可以看到液体在里面晃动，基本上可以保持水平面的移动。当然这只是一半，最终实际效果要比这个好一点。

这是游戏中的小怪，主角团和boss我们基本上使用了PBR的流程。

但是因为主角或 boss都是相对单数出现，所以每个角色的材质球的数量控制可以控制的比较准，我们大概做了3~4个，分为武器、服装、头发和皮肤这几个材质球。普通的怪物，作为一款ACT游戏，可能会复数，一个场景里出现很多，所以用的材质相对比较简单。

虽然用的比较简单，但与boss是一个生产流程，用Substance Painter来导出。只不过用的是比较传统的材质球，它的一些反射度基本上用的是一些反射环境球来模拟。

这是一个boss，游戏里会有很多这种非人性boss，给动作确实添了很多麻烦，这个角色有300多根骨骼，但在战斗场景里只有主角和boss，所以也是能消耗得起，而且大型 boss战我们使用的都是骨骼碰撞，会根据打击点的部位做出IK的收集反馈，甚至还有一些，比如这个boss的沙漏是一个弱点收集判断，而小怪基本上使用的是胶囊体碰撞，所以在一个场景里，单个怪和很多很多怪，中间要做取舍。

场景制作，这里我会举一个具体的例子，游戏中阿达米亚的场景，来解析它的制作流程。

从制作思路上来说，第一关结尾的时候，刚刚向OB欧宝体育电竞官网展现出了世界观，OB欧宝体育电竞官网知道头顶的大月亮其实是游戏里的巨像，正对着你。

那这一关就希望非常明确的让OB欧宝体育电竞官网知道这是什么样的世界，所以这一关的主题就是要OB欧宝体育电竞官网始终能看到巨像，在整个游玩过程中，希望达到的效果是，游玩过程中可以看到这个大家伙一直在你身边行走。

大概确立了剧本以后，首先我会先出这样的概念设计图传达出大的思路方向，以及确立一些主要的特殊事件场景，比如阿达米亚这样的场景，因为第一关画面有点阴暗，希望第二关可以明亮起来，但是又要有那种诡异孤寂的气氛。思路明确了以后，就用unity的地形工具，以及简单的石块，快速出一个layout。这个主要是用来提供给策划，让他们明白整个关卡和气氛还有大的一些结构。

关卡策划在看了layout和概设，他可能大概就明白，像阿达米亚这样的一个场景，是一个以悬崖为主题的场景，在接下来进入白盒阶段的时候，就不会因为理解错误而走偏方向。

为什么要做这一步？如果直接让关卡来搭，很有可能气氛上、剧情上、美术等，不能很好的结合在一起。虽然多做了一步，但是只要传达出一个概念或给出一点元素后，对后期来说会省很多问题。

到了这一步，我们交给关卡设计师进入白盒阶段，在这个阶段不断的完善回滚，把角色放进去，不断的测试玩法、测试路线，待整个关卡验证完成以后，那开始用美术资源逐步的代替白盒。

这是一个当时关卡的白盒测试，主要用来测试路线和场景比例，即使是这样，有时候还是会出现比例问题。白盒阶段要搭场景，一定要搭得宽大，可能会看起来有点空，但是在中后期，中景或者一些细节东西放进去后，慢慢会变成比较舒适的比例。

我们在游戏制作过程中，确实有好多次，做白盒的时候感觉还行，但小物件一添加后，几乎没有战斗空间，最后只能砍掉重来。所以这也是需要注意的点，希望大家引以为戒。

场景的路线优化，在阶段我会要求关卡，策划同学特别注意，因为后面会用到剔除遮挡和视锥裁剪，所以前期规划的时候一定要特别注意，在路线设计的时候，要多转几个弯或者进入室内，或者让远处的视野被巨大的物体遮挡住。游玩路线会决定游戏后期的优化方不方便，这主要是控制视野内的模型面数与Draw call。

作为ob欧宝电竞在线登录-手机版在前期规划路线的时候，确实应该要考虑这方面。

这就是遮挡剔除，比如这个场景尽量减少出现一条又长又直的路，或视野范围特别宽广的地方，比如绿色部分里露出的远景，其实运算量能接受，更远处的景已经被其他远处的房子剔除掉了，基本上不会参与运算。

如果真的有特别大的需求，要做一个大视野的场景，一般会专门去定制，比如要做一个特别大的塔，从底层到高层也都可以看得特别清楚，只是底层会做的比较精细，上面可能透掉，或者做简化处理。

场景材质我们基本上用的Substance Designer来制作，场景的材质球数量控制相对比较严格，一个场景所有的材质球在30~50之间。但是也造成了一些问题，《ob电竞》本身场景有一点材质重复过高，但这就是两边的取舍，要么内存会爆，要么在视觉上做出一些妥协。

用designer来做砖墙的材质，designer的最大优势我觉得可以快速的连接节点，根据需求快速修改，快速迭代，效率会非常高。

做出来的东西也可以根据实际的需要进行修改和加工，非常节省成本，尤其是当场景比较宏大，需要很多材质重复使用时，designer 制作材质可以重新采样，随机生成符合美术风格的新材质，节省了时间成本和人力成本。

我们项目中并没有使用 unity的那套地表编辑器，主要是因为地表的场景有时候会达到3~4层，而且地表的面积相对比较窄，用编辑器比较难处理，对后期优化也比较困难。

不过具体要看项目需求。如果项目地图开阔或平整， unity的地图编辑器是相对非常成熟的。我们这里是做了一个材质球，通过一张MASK贴图来混合两种地表纹理，用顶点色也是可以达到相同的目。

灯光这一块，场景制作与场景光照，整个游戏其实是使用了实时灯光加烘培，加light Probe。

角色、怪物，还有场景里的实时灯光，这三块灯光是分开的。主要是为了方便调整场景的光线。整体场景用的是一盏mix灯，来提供场景的主光线，角色和怪物用另一盏实时灯光来打整个人身上的明亮度和高光。

烘焙方面，我们主要使用的是混合灯光进行烘焙，模式使用的是Shadow Mask，这种烘焙模式在用的时候有一个小小的问题，它暗部被覆盖的面积比较大时，高光会被这张MASK贴图盖住，造成整个暗部比较平。

针对问题我们使用了两种方法解决，一种是在场景本身材质上给一个环境反射贴图，让材质在暗部时看起来也会有高光和立体度。另一种是在非常特殊的情况下，在材质上模拟反向的光，让我们的程序员在材质里写了一盏反向光，它是在比较特殊的情况使用。再加上人物走进阴影里的时候，自身会打开一盏点光源，我们在山洞里或洞穴里，以及一些黑暗的建筑内部都会这样处理。

烘焙的时候注意的点，就是尽可能减少lighting map张数来控制整体的Draw Call。比如像我们项目，用了很多的预制组件，就是Prefab，那是相同的模型和相同的材质，但是由于不会被分布在两张不同的lighting map上，那它的Draw Call是不会合并的。这就有一个非常大的矛盾点，如果lighting map使用过多，Draw Call可能会多。但是如果使用得少，就要控制住lighting map的尺寸，否则阴影会很模糊。所以lighting map的UVS分布，一个会造成阴影模糊，一个会造成内存增加，这两个需要在做项目时，进行一些取舍。

关于light Probe，我们主要用来给一些动态物体附着光影，比如角色、怪物还有一些可互动的机关，后来我们发现场景里有一些特别小的物件，用烘焙的效果不是很好。

因为小物件本身UV就很小，这张lighting map压缩后，UV会聚焦在几个像素点上，像素点如果没有处理好，可能就是黑片，但如果完全不着色，这些物件在暗部和亮部的表现完全一样，那就非常奇怪，物体在暗部的时候有点亮，它在亮部的时候可能又表现得非常暗，所以我们最后后期改为使用light Probe进行着色，因为物件本身比较小，放在暗部里，本身会着一个比较暗色，其实看不大出来，反而会比烘焙的效果更好一点。

打光这块，因为场景重复度比较高，所以在制作的时候有一个概念，一定要用灯光来给OB欧宝体育电竞官网作为记忆点，这就造成，光对我们来说非常重要，使用相同的素材，要根据打光的不同，营造出不同的场景气氛，这是我们在整个制作场景中的一个难点。

ob电竞APP下载阴影这一块分为角色阴影、场景阴影，还有一些其他动态阴影。用我们投影的方法其实是一个较为通用的做法。用专门的投影相机，按光照方向给场景、角色拍一个剪影，拍到RT贴图上，再根据投影投射到地表上，无论再多的怪和角色，只产生一次Draw Call，超出主角的范围又不会被渲染，而且这张RT贴图的格式设置，可以做一些处理，还可以加一些抗锯齿等。

场景阴影，我们基本上用的是传统烘焙阴影，其他动态阴影，比如像云雾投射下来的阴影，基本上跟角色一样，用RT贴图来实现。场景里的物件动画，像植被、飘着的旗子这些，我们基本上是用顶点动画来完成，相对来说比较省资源。除此之外，人走到草上把草压弯是以人物坐标与草的位置远近，程序控制，顶点偏移来实现。

视距这块如同前面所说，我们世界观设计的比较讨巧，整个世界处在黑雾之中，所以我们这个游戏风格开得非常强。如图例所示，这几个红圈几乎都是雾气，里面其实都可以不要有细节。

我们只要留下大石头的剪影，还有一些建筑的剪影，其他基本上能关的都关了，这样，我们做起来其实就是把这些所有的物品进行分组，根据体量分组，越大的物体它的可视范围越远。例如一些建筑剪影，或者造成整个场景的大石头，越小的物体它的格式范围越近，基本上参照这个规则，所有的物体会被分到不同的层里，然后去给每一层做一个可视范围的设置，再加上LOD，这样可以大大的减少消耗。

像我们这样做了以后，其实LOD的工作量不是很大，我们游戏里LOD用的其实并不是很多。

雾气这一块，雾气分为体积雾、定制雾片和基础雾。体积雾我们用一些Shader模拟的，基本上就是传统God Rays那种效果，定制雾片用渲染粒子实现，我们游戏里的定制雾片，基本上是放到地上模拟流动的云雾，靠近会消失，用软粒子也不会出现硬边，是比较方便的做法。

镜头调节这一块，因为游戏里的敌兵种类体型跨度都非常大，针对不同的体型和怪物，我们做了一套专门调节镜头的工具，可以说每一种怪物，锁定他的时候都是专门独立去调节，在这个过程中还会去考虑怪物的攻击方式。

比如远程法师攻击抛物线比较高，镜头当时调的时候，距离和镜头的远近都会拉得相对比较宽一点。

在制作角色面部表情和口型动画上，我们简单的为角色设置了22个面部骨骼点来实现游戏中面部所需要的基础动画，口型和表情都是提前设置好的一段动画片段，然后根据音频调用融合的这些片段。

Blend Tree这一块，对于3D游戏来说，不管是手机模拟摇杆，还是手柄摇杆，其实OB欧宝体育电竞官网在操控这些角色移动的时候，都可以朝任意方向进行移动。例如我们当时在设计维奥拉的时候，锁定目标以后的移动方式，为了拉开和另一个角色泰伦斯的区别，我们大概设计了10种，前后左右、斜上斜下10个动画片段来做融合，这就是当时维奥拉的Blend Tree。

除了一般的走路位移动画之外，角色的攻击动画也占据了非常大的一部分资源，其中攻击和受击的逻辑判断非常重要，我们通过结合状态机的参数制，自定义曲线取值，让程序去分析当前的动画逻辑状态，实现角色在攻击动作时的一个目标的判断。

比如武器判断，根据预定的攻击类型编号，调取相应的攻击碰撞盒来实现这些做法。另外像攻击中是否可以转向，攻击碰撞打开的时机，连段判断等等，我们在项目制作中其实是花费了大量的时间来去调这些Curve的参数，这些调整的结果都直接影响了整个游戏的手感，特别动作游戏，这些手感的好坏都是拉这些曲线来实现，我们整个游戏有非常多工夫是在不停的去调整这些曲线上。

我们整个角色是用了全身的IK系统，包括人物瞄准、脚步IK、收集IK等，比如说现在看到的这张图就是人物站在不同的地表上，脚部骨骼会做出一些变形。

关卡制作，我们在做关卡的时候，其实为敌兵制作了非常丰富的状态机制，制作了若干种休息动画，隐藏的攻击动画，会在整个游戏中看到有的怪物它隐藏在角落，在这偷袭，这些都是专门定制的，怪物都会有视觉和听觉方向还有范围。

比如这张图里黄色的圈，就是听觉范围，红色的三角区是视觉范围，如果怪物在没有看见你的情况下，慢走是不会惊醒他们，但是如果跑过去可能就会引发他们的攻击。

关卡中是采用了动态加载的方式加载怪物，加载场景时会把这些怪物预先放到内存里，场景中放了很多点，又放了很多专门设置过的这种显示盒，就是这种绿色的盒子，只有角色进入绿色的盒子范围内的时候，绿盒子范围内的怪物才会被动态加载，这样的话可以比较稳妥的控制怪物的加载上线，而且也可以比较精确的控制，我想哪些怪显示，哪些怪不用显示。

最后谈一谈过场动画。说到过场动画一般是我跟编剧先聊，聊完，确定了大概的剧情，先出一个故事板，把脑子里的想法一些画面先具像化，加上策划以及程序一起推敲修改，这个阶段主要是确定一些效果是否能实现，如果不行，可能还要商量可行的方案，再继续去修改故事板。

当故事板确定以后，我们会在max里去做layout，主要是用来确认故事结构以及镜头的合理性。

我们会做一个这样的效果，这个阶段不会去加面部表情，加口型，而且会拿给配音去做参考，待他们把配音部分完成以后，确认没有任何问题，才会继续添加表情和口型。

ob电竞APP下载中有一些比较复杂的过场动画，为了不占用过多的内存资源，我们自定义了一套及时加载系统，在演出完成后也可以立即释放出游戏内存。根据预设的摄像机，调用角色ID以及相应的过场动画资源，比如场景风格，灯光和音效等等。同时程序也可以通过代码来控制美术的表现。

Unity的Timeline功能非常强大，早期时候我们并没有使用，是用笨的办法，实现游戏里的一些过场需求。unity Timeline功能实现了以后，我们很早就投入去使用这个东西，发现使用了以后确实非常棒，效率直线提升，而且我们结合了自身的项目，设计了一套状态控制器，可以通过判断当前操纵的角色，动态的调用相应的一些演出动画。

另外在一些简短的动画中GamePlay状态下，也可以做一些简单的一镜到底方式。

以上就是我为大家带来的一个分享，我们其实本身并没有用一些特别复杂或自己自定义的一些功能，用的还是unity本身强大的那些自身功能。这些东西的怎么使用，通过今天的分享会能给大家带来一些思考，以上就是我为大家带来的分享。谢谢。