unity3d：shader贴图局部改色相HSV+mask

拼搏现实的明天。 2022-08-28 12:44 75阅读 0赞

# 美术mask图规则 #

建筑的部件id为1,2,3，依次类推  
原图  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_18_color_FFFFFF_t_70_g_se_x_16]  
mask图，例如，mask为纯黑色背景，色块为要遮罩的区域。最多支持1个建筑7个部件调整颜色  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_20_color_FFFFFF_t_70_g_se_x_16]  
合并后效果  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_17_color_FFFFFF_t_70_g_se_x_16]  
这几个区域会根据色相改变  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_13_color_FFFFFF_t_70_g_se_x_16]

# 部件ID对应maskrgb的色块表 #

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_20_color_FFFFFF_t_70_g_se_x_16 1]  
建筑部件ID去策划表中拿，找到对应的是门部件之类的，再出mask图中有门的抠图，抠图的颜色从上表中ID对应rgb取。调整完后编辑器的色相参数最好归0

# shader流程 #

1.把原rgb色彩空间转hsv色彩空间  
2.取不同rgbmask确定部位编号，然后不同部位取不同色相值  
3.再把经过偏移的hsv色彩空间再转回rgb空间

//HSV空间转化
    					half3 colorHSV = RGB2HSV(col);
    					
    					colorHSV.y *= _Saturability;
    					colorHSV.z += _Lightness;
    
    					half bias = 0.1;
    					int maskIdx = (int)(step(bias, mask.b)
    						+ step(bias, mask.g) * 2
    						+ step(bias, mask.r) * 4);
    
    					//colorHSV.x += GetHue(_listHue[maskIdx]);
    					if (maskIdx == 0)
    					{
    						colorHSV.x += GetHue(_Hue0);
    					}
    					else if (maskIdx == 1)
    					{
    						colorHSV.x += GetHue(_Hue1);
    					}

//HSV空间转化
    					half3 colorRGB = HSV2RGB(colorHSV);
    					fixed4 color = fixed4(colorRGB,col.a) * col.a;
    
    					return fixed4(color.rgb,col.a);

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_18_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/2450b52be6b64bf6bf995b4114d67b5e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/5e23f41b5cb24ccdb7348c9b81f36d6d.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_17_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/f910b2d908fd46d19f2ac815919354db.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_13_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/dd35b8ca09d3455e97636f04ee476ca2.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Zub5aSV56uL5769,size_13,color_FFFFFF,t_70,g_se,x_16
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5Zub5aSV56uL5769_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/b6e7d513c90849ac9cc5d8d9ef7ed774.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Zub5aSV56uL5769,size_20,color_FFFFFF,t_70,g_se,x_16