[Shader 着色器]轻量级便捷DIY的遮罩

转:http://game.ceeger.com/forum/read.php?tid=3492&fid=2

  遮罩应该很多人都会需要的,血条、进度条神马的都离不开它。
最简单高效的办法是用Shader实现
贴上一个:

Shader "Custom/AlphaMask" {
   Properties 
    {
    _Color ("Main Color", Color) = (1,1,1,1)
    _MainTex ("Base (RGB) Trans (A)", 2D) = "white" {}
    _MaskTex ("Mask (A)", 2D) = "white" {}
    _Progress ("Progress", Range(0,1)) = 0.5
    }

    Category 
    {
        Lighting Off
        ZWrite Off
        Cull back
        Fog { Mode Off }
        Tags {"Queue"="Transparent" "IgnoreProjector"="True"}
        Blend SrcAlpha OneMinusSrcAlpha
        SubShader 
        {
            Pass 
            {
                CGPROGRAM
                #pragma vertex vert
                #pragma fragment frag
                sampler2D _MainTex;
                sampler2D _MaskTex;
                fixed4 _Color;
                float _Progress;
                struct appdata
                {
                    float4 vertex : POSITION;
                    float4 texcoord : TEXCOORD0;
                };
                struct v2f
                {
                    float4 pos : SV_POSITION;
                    float2 uv : TEXCOORD0;
                };
                v2f vert (appdata v)
                {
                    v2f o;
                    o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
                    o.uv = v.texcoord.xy;
                    return o;
                }
                half4 frag(v2f i) : COLOR
                {
                    fixed4 c = _Color * tex2D(_MainTex, i.uv);
                    fixed ca = tex2D(_MaskTex, i.uv).a;
                    c.a *= ca >= _Progress ? 0f : 1f;
                    return c;
                }
                ENDCG
            }
        }

        SubShader 
        {           
             AlphaTest LEqual [_Progress]  
              Pass  
              {  
                 SetTexture [_MaskTex] {combine texture}  
                 SetTexture [_MainTex] {combine texture, previous}  
              }  
        }
        
    }
    Fallback "Transparent/VertexLit"
}
 

另存为.shader就可以用了,无需任何脚本配合。用这个Shader建一个材质,拖给一个Plane,就能用了。


主纹理可以指定任意图片,不指定图片直接用颜色也可以。Mask可以指定任意带Alpha的图片,只要是Alpha从0-1连续变化就行了,PhotoShop里面一分钟搞定的东西,你懂的。
那个Progress量就是遮罩范围的大小了。
要运行时设置,在Update里这样写:renderer.material.SetVector("_Progress",当前血量、进度百分比等等..);注意范围是0-1。
完全DIY,效果完全取决于图片和DIY的遮罩。

附两个遮罩图片供测试,一个是条形,一个是圆形,纯测试用随便作的,不够美观。

原文地址:https://www.cnblogs.com/ximu/p/3071102.html