转载请标明出处http://www.cnblogs.com/zblade/ 

    在实际的游戏工程中,经常美术和策划会提出溶解的表现要求。比如子弹在飞行的时候,弹道不断的消融;角色受到大型炮弹的攻击,在击飞的时候不断的消融等等诸如此类的表现。一般的消融都是结合粒子系统来实现,通过给粒子Render组件添加material来实现表现。

  通过总结我在项目中用到的消融shader,以及在网上查找到的部分消融shader,我做一个基本的shader归类,便于今后的思路查找,其中有任何错误请指出,大家一起学习进步。

  实现溶解效果,基本方法是用一个基本纹理贴图+无序图来实现溶解的效果,基本纹理贴图用来表示正常的效果,无序图则表示消融的参考值。通常对消融图是让美术做一张层级图,其中rgba四个通道任意选一个通道作为溶解的无序通道。

  下面我先列出参考的一些shader的实现:

  1、基本的实现单次溶解的vert/frag shader

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

Shader "Esfog/Dissolve" {
    Properties 
    {
        _MainTex ("Base (RGB)", 2D) = "white" {}
        _NoiseTex ("NoiseTex (R)",2D) = "white"{}
        _DissolveSpeed ("DissolveSpeed (Second)",Float) = 1
        _EdgeWidth("EdgeWidth",Range(0,0.5)) = 0.1
        _EdgeColor("EdgeColor",Color) =  (1,1,1,1)
    }
    SubShader 
    {
        Tags { "RenderType"="Opaque" }
        
        Pass
        {
            CGPROGRAM            #pragma vertex vert_img            #pragma fragment frag
            #include "UnityCG.cginc"
             
            uniform sampler2D _MainTex;
            uniform sampler2D _NoiseTex;
            uniform float _DissolveSpeed;
            uniform float _EdgeWidth;
            uniform float4 _EdgeColor;
            
            float4 frag(v2f_img i):COLOR
            {                float DissolveFactor = saturate(_Time.y / _DissolveSpeed);                float noiseValue = tex2D(_NoiseTex,i.uv).r;            
                if(noiseValue <= DissolveFactor)
                {
                    discard;
                }
                
                float4 texColor = tex2D(_MainTex,i.uv);                float EdgeFactor = saturate((noiseValue - DissolveFactor)/(_EdgeWidth*DissolveFactor));
                float4 BlendColor = texColor * _EdgeColor;                                
                return lerp(texColor,BlendColor,1 - EdgeFactor);
            }
            
            ENDCG
        }
    } 
    
    FallBack Off
}

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

  这篇shader来自于Esfog溶解shader,具体的代码解释可以参看原文作者的解释,比较详细,网上很多的相似shader大概都是来自于此。

  我只说一下大概的思路,基本就是采样无序图,然后通过其中的某个通道(此处为r)的值,与当前的溶解系数对比,如果当前的通道值小于溶解系数,则说明当前片元需要被剔除。如果不被剔除,则判断当前值距离消融的比例来设置消融的边缘颜色混合。

  2、根据外部触发的消融vert/frag shader

  上面的shader在开始触发的时候就会不断的消融,在某些时候,我们希望通过外部的时间来控制消融的触发与否,则可以在shader中提供一个外部参数,通过在代码中查找到该material,通过设置material的值来用作触发消融。我们可以在上面的shader的基础上做进一步的改进,改进后的代码如下:

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

Shader , 2D) = ,2D) = ,Float) = ,Range(,)) = ,Color) =  (,,,= vertex vert_img             fragment frag                float4 texColor = tex2D(_MainTex,i.uv);
float DissolveFactor = saturate((_Time.y-_DissolveStartTime) * _DissolveSpeed);
           float noiseValue = tex2D(_NoiseTex,i.uv).r;
           if(noiseValue <= DissolveFactor)
           {
              discard;
           }
            texColor = lerp(texColor,BlendColor,1 - EdgeFactor);
            }       
            ENDCG
        }
    } 
    
    FallBack Off
}

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

  通过外部的设置material中的_DissolveStartTime,我们可以控制消融的开始与否,这儿在对消融系数求解的时候,我改为相乘,这样消融的速度就是正确的表明速度。

     3、用透明通道来实现的消融

  以上两种shader都是基于一张无序图来判定是否消融,如果我们需要做一种透明度逐渐消散的效果,直接采用discard会显得很生硬,不能实现不透明,半透明,透明这样的逐渐消散的效果。如果我们需要用透明的方式来实现消融。这儿我给出一种用透明度实现的消融shader的实现,主要也是通过两张贴图的采用和某些通道值得对比来控制混合的alpha通道。

  代码如下:

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

Shader,Color)=(,,,,2D)=,2D)=,Float)== ===
                  vertex vert                  fragment frag====== _Color.rgb * fixed4(emissive,_Color.a * _mainVar.a *

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

  基本的操作就是通过设置颜色的alpha通道的透明度,来实现一种用透明度控制的消融效果。当然,这样的shader对于时间的控制,是需要这个特效外部的particle组件来控制的,这里没有设置对时间的操作。

http://www.cnblogs.com/zblade/p/6558447.html

网友评论

更多精彩分享

万码学堂联系方式-Java培训机构,青岛Java培训,青岛计算机培训,软件编程培训,seo优化培训,网络推广培训,网络营销培训,SEM培训,网络优化,在线营销培训,Java培训万码学堂联系方式