zoukankan      html  css  js  c++  java
  • [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的遮罩。

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

  • 相关阅读:
    Centos 安装配置iscsi
    Centos 部署Keepalive高可用软件
    Centos 编译安装Haproxy
    Centos 安装 Moosefs文件系统
    docker 存储
    hadoop碰到的 一个问题
    使用curl命令操作elasticsearch
    kafka集群下线broker节点实践方法(broker topic 迁移)
    kafka 安装
    redis3.2.11 安装
  • 原文地址:https://www.cnblogs.com/ximu/p/3071102.html
Copyright © 2011-2022 走看看