ColorMask使用简例

按照惯例，先上效果图：

从图中我们可以看到，房子的顶部和旗帜的颜色搭配可以有很多种方案，如果我们的项目中有这样的需求，该怎样去实现呢？

一种可能的做法就是使用ColorMask，顾名思义，就是使用颜色遮罩。我们可以将希望进行修改的部分的主贴图部分改为灰度图，仅保留阴影关系和细节纹理。然后制作一张Mask遮罩图。这张遮罩图在对应主贴图需要修改的部分标记颜色，并且可以对颜色进行分区处理。针对每个分区，分区颜色和主颜色按照一定关系进行融合，就可以搭配出多种方案啦！

当然，如果需要某个部分单独Bloom或者自发光，colorMask也是很容易想到的一种快捷处理方法。

思路分析

1. 主贴图修改
2. Mask图制作
3. 颜色分级
4. 设置自发光

代码实现

• 主贴图修改

  首先我们把对应房顶和旗子的贴图位置改为灰度图，目的是去除原来颜色的干扰，但是保留阴影关系和细节纹理

图中灰度区域依然含有渐变关系来保留相关细节

• Mask图制作

  在主贴图对应区域进行颜色分级，例如下图：

在本案例中，红色被设置为一级颜色（房顶），绿色为二级颜色（旗帜底部颜色），蓝色为三级颜色（旗帜边缘），在shader中我们会对这些分级颜色进行分别处理

• 颜色分级

  针对每一级颜色都要设置其与主颜色的融合程度

  之所以会将分量设置为主颜色的强度，是为了保证上文中提到的阴影关系和细节纹理，即灰度图部分。ColorMask部分的颜色不设参数进行修改（用处不大，如果需要对自发光或者bloom进行细节调整的话，可以单独针对自发光或者bloom设置参数控制）

  

  

• 自发光

  根据自己的需求添加，上图中的toggle部分就是用来控制是否实现自发光的，代码实现也很简单

  

Shader代码：

Shader "MayoHa/M_ColorMask_ToonLit"
{
   
    Properties{
   
        _MainColor("主颜色",Color) = (1,1,1,1)
        _MainTex("主贴图",2D) = "white"