unity 图片遮罩有锯齿_NGUI图片黑白滤镜效果

最近在学习shader，正好UI需求一个黑白滤镜的效果，就试着做了一个demo。最初的设计是写一个mask图片遮罩的shader，让美术提供一张mask图片设置进去，但是策划想要的是一个跟章节关联的开启效果，每个章节的mask图片形状、位置、大小和数量都不一样，故放弃了这个想法。改为修改NGUIshader，开启zwrite，然后用遮挡的方式实现遮罩，大体思路参考了人物遮挡X光的实现方式(

https://blog.csdn.net/puppet_master/article/details/73478905​blog.csdn.net

)和NGUI新手指引制作(

NGUI利用深度测试实现新手引导遮罩 - Mr. Oy - 博客园​www.cnblogs.com

)，效果图如下:

前期准备

1.修改NGUI的Transparent Colored shader，增加黑白图绘制并开启深度写入。

Shader "Unlit/Transparent Colored GrapyPass"
{
    
	Properties
	{
    
		_MainTex("Base (RGB), Alpha (A)", 2D) = "black" {}
	}
	SubShader
		{
    
			Tags
			{
    
				"Queue" = "Transparent+300"  //修改渲染队列&#