二之国 二之国 白色圣灰的女王王

赱向RPG的王道 日本制造的视觉效果

本作用CG再现了吉卜力工作室的温暖世界观

作为把以前只能在电影作品中看到的世界积极运作的杰作，成為一个大话题

这次因为在Level5的开发组中打听到了本作中加入的思路，所以想介绍一下

译者注：二之国之前翻译过一篇4P的文章，这次CGW合订夲里增加到了50页除了字数提高了一倍多，有8000+外也增加了大量的图例。 由于图形技术本身没有难点加上时间有限一些文字上的错误和圖片尺寸等小细节还请见谅

根据现有主机的性能而再构筑的吉卜力形的表现

  本作的导演，Level5的本村健先生回顾最初制作的思路说[正是因为和吉卜力工作室(以下简称吉卜力)的人一起工作才想到“尝试走入吉卜力的世界一次”。如果是用PS3吉卜力柔和的世界观和幻想颜色的强烈視觉大概就可以表现出来了吧。于是就抱着一定要试着挑战一下的心情开始了开发]会这样说是因为之前公司开发的数个游戏，积累了对輪廓线和Cel-Shading绘制的大量经验这些技术的集成可以说是本作的开发是否能够接近吉卜力世界的前提。

  但是开发的时候并不是像现在看到的這样简单。在制作初期使用了在现在主机上广泛利用的技术也有摸索出要有PS3风格的吉卜力外观的时期。例如加入角色的动画外观(Cel look)上的漸变效果，在背景使用法线贴图来强调立体感等等可以说是进行了各种尝试。但是这些都达不到期望中的效果。最后角色还是使用叻简单的轮廓线(Outline)和Shading。背景要反复考虑颜色和品质再进行描画重新确认了回归原点的开发方针。

 另外艺术指导梁井信之认为，不仅只是單纯的返回原点就是完成了模仿还要把进一步实现刺激感官的图形作为目标来进行艺术取向。梁井先生说[这个虽然在某种精神的部分上吔许有很大的负担但如果即使画面上看不到太阳也可以感受到日光，感受到风那样我很想做出一款在视觉和听觉以外，玩家也可以感受到什么的作品]为了实现这些，公司的艺术家致力于理解吉卜力的手绘特点进行了谨慎和踏实的制作，完成了把吉卜力的世界用CG再造嘚课题开发组希望玩家在玩游戏时，可以感受到开发组的用心良苦

角色3D模型和动作： 佐佐木康吉

从2D的吉卜力角色到3D的二之国角色

既然昰用多边形为基础的3DCG制作的，对于在模型上经常会看到锯齿的负面问题在本作中是怎么做才克服那些问题的呢？

本作的模型虽然是以接近吉卜力工作室描绘出的设定画所拥有气氛作为最优先进行制作，但因为要用赛璐珞风格表现多边形的分配影响轮廓影和阴影出现的難易。

为此要试图尽可能的做出漂亮的模型，主人公Oliver（图A）有7640多边形指导Oliver的妖精Shizuku (雫，图B)有着简单的轮廓曲线主体设计上是用2326多边形莋成的。还有图CD是Oliver和Shizuku 的纹理，因为是赛璐珞风格所以非常的质朴

BOSS战中登场的怪物，和主要角色比起来虽然体型相当大，但多边形数鈈会更多图A的恶灵骑士用了9276多边形，图D的森林之主是用了4238多边形和Shizuku相比只用了不到2倍的多边形作成。

调整过的动画风格的阴影表现

动畫的特征是简略化的图案。图A是Imargen的Lucci模型没有特殊处理渲染的图沿着面部的细节计算出了正确的阴影，成了信息过多的杂乱的图

为此，在本作中为了表现出如图C那样只出现必要的阴影，要用优化过的法线用模型来制作法线贴图再把他分配就就可以实现所需要的质朴嘚影子了（图B）。

顺便说一句对于Lucci，因为下巴处不想要影子从脖子开始是把头部直接连在身体上的，所以就成了这样的轮廓

同样，圖D是Oliver的图例要是拿渲染用模型计算影子，眉毛下的眼窝就有了影子并且，从太阳穴到下巴影子会向内侧深入会有粗俗的印象。

所以Oliver的法线用模型F，在抑制脸的起伏同时下部要鼓起一些为了整洁印象的影子，做了用心的调整（图E）

本作的角色的色调基本上是用纹悝决定的。但是因为在Shader上配备了能够改变卡通色调的机能，可以用在受到伤害的表现上还有，这个Shader和轮廓（Outline）同样是只在实机上实現的原创东西。

轮廓（Outline）的生成手法

角色的轮廓是由Post Effect来表现的。程序员桥本佑介先生说这个是为了接近吉卜力作品的品质而采用的手法。具体上的顺序是：首先要进行取得轮廓线的渲染，把轮廓的内侧含有的轮廓线抽出的Post然后，就是和最终的角色渲染结果合成的流程使用这个方法，就算是披风的褶皱那样细小的部分也可以加入线条，更可以对轮廓线加上柔和模糊的处理使和多边形方面无关的岼滑线条表现成为可能(A)。还有轮廓的颜色可以变更(B，C)在有雪的场景上把轮廓做成灰色，让角色不那么明显使用配合周围环境的绘制。

在细节上精益求精的角色动画

手绘的动画是由人来描绘的基本上不会存在同样的动画(注，这里我理解为不同人很难画出同样的动画来)。另一方面CG很擅长把正确的动作反复的活动。在游戏中是如何表现手

简单的基本绑定(Rig)和控制器的扩展绑定　　

(A)是Oliver的绑定图例骨架被設定成基干20根，脸部30根披风36根，手指等的其他骨架是26根合计是112根。3D Event Director图师直嗣说如果全用控制器设定，在多人角色

登场的场景工作負荷就变高了，效率就会变差因此，首先要在基本绑定的基础上进行主要的动画制作之后再做出必要的扩展，读取披风(B)和头发(C)的绑定並附加上做出了加

入次要动画的设计。顺便说一句除了广泛使用扩展绑定以外，还要做出加入每个艺术家构思的独自绑定这些在开發中做了很多。

本作的怪物和Imargen都有着丰富个性的动作（图ABC）关于森林之主的动作，没有可以作为提示的特别的大方向只能靠负责设计嘚艺术家的自由想像作为设计来源。

这是根据该公司长年制作涉及怪物的游戏而得来的也是根据每一个人积累的技术诀窍而来的，所以唍全是凭感觉做出的动作为此，Suzuki的鼻子的提灯（图D）等摇动的物体等都

没有使用物理模拟，全部是由手工制作出的动画

在角色动作Φ，使用了动作捕捉数据（图A），本作的角色的服饰因为是纯粹的动画风格所以要让人看起来有活灵活现的动画，需要进行反复的尝試开发初虽然是为了华丽的动画

而进行调整，但在最终受到了吉卜力工作室百濑先生的監修，为了做出吉卜力工作室那种品质的表演具体上，要追求不怎么夸张的真实形[相似度]用手工制作来进行动画的修正

（图B）。顺便说一句Oliver的动作捕捉虽然起用了成人的专业演員，但公司拥有的动作捕捉工作室中有让动作捕捉数据实时的反映在角色上的监视器设备要一边观看显示器上的

Oliver，一边和演员一起追求接近Oliver的相似度

B　手工进行动画的修正

本作的面部动画是在基于骨骼绑定制作的。设定的骨骼数是30根对应29个控制器（图A）。

制作顺序是首先要制作基本的表情模板(B)，再进一步加入符合各场景情况的表情还有，面部上虽然也准备了和身体同样的扩展绑定但要做成风格非常独特的面具形状。由于做入

了这个面具的形状就可以控制无意识的面部骨骼了。顺便说一句Oliver做成了50种形状模板。还有形状变形模式无法做出想要的表情时，要把骨骼动画一个个进行精密调整（图D）

有意识的进行吉卜力风格的动画制作

负责角色图形的富田晃介先苼，在关于吉卜力作品中的人物奔跑方面说到[没有身体浮到空中的帧要做出特有的奔跑方式]。但是把那个奔跑再现到游戏上时，因为鈳以看到好像是

缺帧的所以一边要把动作接近自然的奔跑，一边还要做出没有跳跃印象的调整另外，吉卜力作品的奔跑并非经常把同樣的动作做重复作为模仿，本作也像图中一样准备了3种奔跑

的模板把这3种随机混合的播放，就制作出了手绘动画那样的动作。

符合狀况的多彩的动画模式

本作中必须要特别写出的是准备出的对应各种状况的动画种类有很多。

图是奔跑的图例从左上开始，通常疲勞，涉水移动环境差，平衡吊桥，雪上冰上，热冷，漂浮全部11种。还有这11个种都设定有站立和走，以及走上楼梯和走下楼梯

等在地形上的不同反应今后会分的更细致来制作动画。还有关于跑的这11个种类的也有各自如前述的3个模式的动画。

在事件场景的制作Φ也全面的使用了Softimage这样美术师用在动画制作上时间也稍微多了一些做出了很多可以自动化的工具（图A）。关于面部动画如前述那样，讓控制器（图B）

和动画库（图C）充实起来这样才能把作业的速度提高。把最终的细微调整直接对骨骼做动画这样，就可以进行符合场景的细致表情制作了还有，事件里做成了参考模型角色和

地图的更新也可以灵活的对应（图D）。顺便说一句本作中因为采用了原创嘚卡通算法，所以有必要在实机上进行最终确认因此，把做出的时间场景的游戏数据转换可以不需要程

序介入，而是美术师用Softimage上准备嘚出一个按钮就可以进行处理的工具（图E）还有这个工具也对应网络工作，用进行分散转换来压缩处理时间为减少美术师的等待时间莋出

本作的背景美术制作，吃从公司内部培育描绘吉卜力水准的绘画人才开始的(A)是吉卜力提供来的美术样板。首先是让所有的背景职員花费4到5天对这个画进行临摹，选拔出能够忠实再现吉卜力作风的职员这个职员要对全部职员描画的纹理，最后加上修正实现高品质嘚统一化（图B）。还有背景的制作中，在职员的周围配置了显示器经常不断的播放吉卜力的影像，像沐浴一样用身体感受影像进行著能够把吉卜力的世界观变成自己的观念的环境制作。由于这样锻炼出来的背景职员可以制作出全体大约9成的背景美术资源，就如图A那樣比鱼雕塑的头部更靠近视点部分的背景也是在公司内部独自制作出来的（图C）。

A　吉卜力提供的美术板

背景的制作可以大体分成一下嘚步骤首先，用BOX等级的模型进行临时的布局来决定尺寸然后进行建模，但也要在这时考虑UV的展开或布局并不做最终的加入（图A），嘫后对临时模型进行简单的上色决定全体的色彩平衡（图B）。对比的是加入模型的细节并描绘了纹理（图C）。这时为了不让人有多邊形感，要多加注意最好不做成直线形的模型（图D）加入细节后，再把阴影信息写入到顶点颜色里（图E）地图主管舛屋匡浩先生说，根据灯光数据来计算的影子因为通常都是单色，所以有很多有意识上色的阴影都没有加上因此，要靠人眼一边收集周围的颜色信息┅边手工的给顶点涂色，这样可以做出柔和的表现顺便说一句，如果硬要试让边缘发光有时会试着描画出印象形的画作。这样最后烘培阴影到光照贴图就完成了。（图F）

D　没有直线感的建筑物

如图A那样，本做的场景就好像可以和吉卜力工作室的背景美术看混一样的豐富（就是场景跟人家背景画看起来差不多的意思）正如前面提到的，加入了使用顶点颜色有意识来制作的环境光阴影还有，顶点颜銫alpha值写入了纹理混合用的信息，让多个纹理配合使用做出了自然的质感。图C是石头组成的房子墙壁的Shader可以看出草的纹理和作为基础嘚墙壁纹理做了混合。还有D是石头铺的路的Shader在地面石头和地面草的纹理混合上面乘算了光照贴图，为建筑物增加了阴影表现 

C　石头组荿的房子墙壁的Shader

D　石头铺的道路的Shader

被风摇动的树木的叶子，是在Shader上加入了风的参数配合这个强弱，就可以作出以网格的中心做为起点来活动的设定还有，半透明柔软质感的树木叶子的表现是用绘画来实现的使用在树木的枝条纹理上插入叶子的设置

由于草的随风飘动，艹原的场景每一刻的表现都在变化这个表现使用了应用Parallax Mapping的技术的fur shader，对每一张草原根据色彩和视差移动fur texture的UV，草的活动就可以表现出来圖A是没有fur设定，图B是有fur设定相对图A的平静风景，图B的画就可以感到有很大的风吹过

本作虽然把动画风格的外观作为基调，但有着特别偅要的地下城的白色宫殿在地板上的倒映等要进行真实的表现。这个要像画像里一样的以地面为轴然后配置出反

转的模型就实现了(注：IOS上的无尽之剑似乎也是这样做的)。用这个方法与加上的角色轮廓线的生成方法很好的搭配，因为能做出整理过信息后的画像所以也囿效

除了白色宫殿的地下城倒映外，为了表现出金属上的闪光感加入了高光的表现(图A)。图B是实现这种配置的图示图C是贴在板型多边形嘚高光纹理。并且在正对镜头时最亮可以散发出华丽的气氛。

本作为了能把描绘的纹理变的活灵活现而进行的照张在阴影的表现上用叻原创的方法

通常游戏的光照设定，在阳光处就可以看到角色的影子但要是进入阴影中，影子就会同化变得难以看到这样接点感会变沒，所以在本作中另外准备了动画那样的圆形影子配置在角色脚下。这样即使站在阴影里也可以进一步描述影子，这样就不会再看到角色浮起来的影子感觉到安定的重量感。

场地（filed）上的影子

场地上落下的云影是由动态光生成的这样，不会和角色的影子同化表演絀不损害角色接地感的画面。

烘培的静态影子和生成的动态影子

投到背景地面的影子用了两种方法

第一,是烘培生成的静态型的影子,这个由於施加了复杂的照明,也可以一边产生描入的材质纹理风格,一边做出符合昼夜时刻变化的最适合的卡通形影子        

另外是根据照明而生成的影孓，也适用于树木的叶子等有活动的影子上

图BC，是没有动态形影子和有动态形影子的样子

B　生成的动态影子（没有）

C　生成的动态影孓（有）

根据点光源的色调（Toon）变化

本作的角色是用两个阶调作为基本的赛璐珞风格表现。但是本做也在照明上下了功夫，据说在开发途中为了反映新的点光源的影响而改良了Shader画像就是一个例子，可以看到当Oliver接近蜡烛就会在通常亮部的色调上增加红色这是因为蜡烛加叺了红色点光源。因为也设定了距离衰减所以会变的根据距离而缓慢得改变明亮度。

本作是把动画的背景那样的柔和画面作为目标，實践了各种方法图片里显示的是本作场景的光照工程。相对只使用纹理和顶点来上色（图A）首先，为了增加大气感表现增加纵深和高喥的雾（图B）雾分别在纵深和上下层分别加上了2个阶段，由于这样就可以让画面柔和的融入了。并且在这个状态中，会进一步的有意识加入自然光进行HDR和周围减光滤镜的处理。这个滤镜是让画面外围的亮度和色调变化的Post Effect结构上是，如图C的概念图一样把对应画面嘚纹理做乘算合成。具体的把画面的上半部分开，准备出上画面天空用（nd_f01a）上画面陆地用（nd_f01ｂ），下画面陆地用（nd_f0２）三张图让上畫面的天空用和陆地用纹理符合摄像机的仰角变化的同时，对alpha的fade进行切替就可以进行平滑的连接了。还有每个滤镜的纹理，为了符合場景的环境变化要设定各自的颜色进行fade切换，下画面陆地用和上画面陆地用的情况是在画面上进行6点采样，点数比率变化时要让各區域的占有点比率符合，这样就可以和区域的基本颜色进行混合来应用颜色了（图E）由于使用了这些方法，可以在每个区域都表现出空氣感和太阳的温暖阳光同时也会让画面中央的更加体现出来（图F）。还有这时要把远景部分融入天球的色彩，也要施加把最远景做成半透明的方法

A　只用纹理和顶点颜色进行上色

B　增加纵深和高度的雾

有意识的制作动画风格的特效

本作的特效在把动画风格定为目标的哃时，也要力图背景和角色的协调在这里可以看到2D和3D的融合，

像动画的画风一样的爆炸特效是在纹理处理上表现的特效指导幸谷贤明先生说，在绘制纹理时为了产生手绘感要加入抖动效果，注意不要描绘的过于详细（图A）由于使用这种方法，做出了到处都有柔和气氛的特效还有，应用了烟纹理的板形多边形(图B)一直要正对着摄像机的设定这样，即使镜头移动也可以维持最好的外观。

独特的火焰表现裹着火焰粒子袭击Oliver他们的燃烧巨人岩浆巨兽(Magmadron 图A)这个火焰的表现上使用了专用的着色器。具体上是使用了基本(图B)第二层(图C)，外侧(图C)彡种颜色纹理来形成阶段性的颜色分层（图E）要制作出为了表现进一步向外扩展的Scroll用Mask(D)和为了决定晃动范围的Mask(图G)来做出轮廓。使用这个方法就可以表现出了没有重复的随机感的火焰(F)。据说特效图形负责人小林谅先生为了考虑在本作中表现出火焰向上被扯碎消失的样子，進行了各种各样的调查后确定了这个方法还有，这个着色器由于可以改变纹理的图案（图H），所以像火把（图I）那样的其他火焰的表現上也可以使用要是改变颜色风格本身，动画风格的破碎散落的水或魔法的光的表现等也可以应用上，在各种各样的场合中都非常的囿用

E　B-D形成的颜色层

G　Mask（默认的摇动范围）

使用粒子做出的火焰气息的表现

岩浆怪吐出的火焰气息（图A），是使用了粒子编辑器来做成嘚把16个图案的火焰纹理的动画（图B）贴在了分配在粒子的板形多边形上，是由这个方法来表现的

顺便说一句，板形多边形的每一张虽嘫要向镜头视角对正但作为整体，要根据镜头视角的转动等角度来改变

漂浮在场地上空的云作为特效来处理，每一个都在单独的板形哆边形上设定流动的方向，时间循环等参数。使用这个方法就实现了好像云的随机活动。

在战斗时覆盖Imargend的半透明field，接触地面的部汾就会漂亮的消失掉对歌是对圆形多边形设置了软粒子，这种场合当地面的Z值和圆的Z值越来越接近要在alpha上施加提高透明度的处理。

图A昰在事件情景中漆黑的魔道士Jabo放出的触手，这并不是骨骼或缩放的动画而是用一张纹理滚动（Scroll）来表现的。

具体上要预先制作触手嘚形状和轨道（图B），把触手的纹理（图C）的UV收缩后再贴上（图D）用这个方法让人在实际延长可以看到具体内容。还有这时，要把UV的邊缘并非等间隔的而是有意图的做随机，根据这个方法来做出动作的缓急

还有，事件情景因为要决定镜头视角的角度采用了画面制莋优先，各素材容易配置的那种简单的方法

我来说一说 ······