按照惯例,先上效果图:
从图中我们可以看到,房子的顶部和旗帜的颜色搭配可以有很多种方案,如果我们的项目中有这样的需求,该怎样去实现呢?
一种可能的做法就是使用ColorMask,顾名思义,就是使用颜色遮罩。我们可以将希望进行修改的部分的主贴图部分改为灰度图,仅保留阴影关系和细节纹理。然后制作一张Mask遮罩图。这张遮罩图在对应主贴图需要修改的部分标记颜色,并且可以对颜色进行分区处理。针对每个分区,分区颜色和主颜色按照一定关系进行融合,就可以搭配出多种方案啦!
当然,如果需要某个部分单独Bloom或者自发光,colorMask也是很容易想到的一种快捷处理方法。
思路分析
- 主贴图修改
- Mask图制作
- 颜色分级
- 设置自发光
代码实现
-
主贴图修改
首先我们把对应房顶和旗子的贴图位置改为灰度图,目的是去除原来颜色的干扰,但是保留阴影关系和细节纹理
图中灰度区域依然含有渐变关系来保留相关细节
-
Mask图制作
在主贴图对应区域进行颜色分级,例如下图:
在本案例中,红色被设置为一级颜色(房顶),绿色为二级颜色(旗帜底部颜色),蓝色为三级颜色(旗帜边缘),在shader中我们会对这些分级颜色进行分别处理
-
颜色分级
针对每一级颜色都要设置其与主颜色的融合程度
之所以会将分量设置为主颜色的强度,是为了保证上文中提到的阴影关系和细节纹理,即灰度图部分。ColorMask部分的颜色不设参数进行修改(用处不大,如果需要对自发光或者bloom进行细节调整的话,可以单独针对自发光或者bloom设置参数控制)
-
自发光
根据自己的需求添加,上图中的toggle部分就是用来控制是否实现自发光的,代码实现也很简单
Shader代码:
Shader "MayoHa/M_ColorMask_ToonLit"
{
Properties{
_MainColor("主颜色",Color) = (1,1,1,1)
_MainTex("主贴图",2D) = "white"