浅析《地下城与勇士：决斗》的卡通渲染

Posted 2022-07-15 暮志未晚Webgl

《地下城与勇士：决斗》罪恶装备和碧蓝幻想都是一家叫Arc System Works公司出品的，它们的渲染也是用的同一套思路。我们使用碧蓝幻想的游戏内的资源做一个解析。
模型使用了四张贴图：

1. base
2. Sss
3. ilm
4. detail
   还有一个顶点

base & Sss

首先说颜色贴图模型一般包含两张颜色贴图，格式是这样的
人物角色简写_base 人物角色简写_Sss

A通道对皮肤和非皮肤进行了区分

SSS的A通道对模型的材质进行了一个区分。

我们可以看到，这两张贴图的颜色基本上一样，只不过sss的贴图会比base的贴图暗一些。
这两张贴图base的是在亮面使用的，sss的贴图是在暗面使用的。

ilm

下面，看一下比较重要ilm贴图，这个比较重要一些

直接看贴图，我们也没办法看出来所以然。那么，直接在模型上打印看一下。

R通道，应该是控制高光强度的。

G通道它这里是对光照阴暗面进行偏移的。越暗的地方，越容易处于阴影。

B通道，定义高光的形状和范围。和R通道一起控制高光。

A通道，记录了角色的内描线。为了保证内描线的精度，它在图片上绘制都是直上直下的，
所以，制作时，他们是先确定描线的位置，然后根据位置进行的uv平铺。这个命名叫本村线。
ilm贴图就到这里。

detail

接下来看一下 detail 贴图，看这个名字就知道是细节贴图。这个贴图需要使用第二套uv，我们看一下效果

也是一些描线，还有对脸部皮肤颜色做了一些处理。

模型顶点颜色

R通道为环境光遮蔽 AO

G通道是空的。

B通道只有脸部有变化。貌似是为了让脸部更加明亮，我们可以和脸部进行一些处理，让这块一直显得比较亮。

A通道也是空的。

代码后续再补。