纳金网

标题: 给LOGO加光带效果的Shader [打印本页]
作者: 烟雨    时间: 2016-4-22 04:53
标题: 给LOGO加光带效果的Shader
经常在项目中我们会把游戏的LOGO加上一条光带，实现一种动态的感觉，下面就贴上一份不错的光带算法：
  1. Shader "czm/logo" {
  2.     Properties {
  3.         _MainTex ("Texture", 2D) = "white" { }
  4.     }
  5.     SubShader
  6.     {
  7.             Cull Off
  8.                 Lighting Off
  9.                 ZWrite Off
  10.                 Fog { Mode Off }
  11.                Blend SrcAlpha OneMinusSrcAlpha
  12.                        
  13.                                Tags
  14.                 {
  15.                         "Queue" = "Transparent"
  16.                         "IgnoreProjector" = "True"
  17.                         "RenderType" = "Transparent"
  18.                 }
  19.                
  20.         pass
  21.         {
  22.             CGPROGRAM
  23.             #pragma vertex vert
  24.             #pragma fragment frag
  25.             #include "UnityCG.cginc"
  26.       
  27.             sampler2D _MainTex;
  28.             float4 _MainTex_ST;
  29.            
  30.             struct v2f {
  31.                 float4  pos : SV_POSITION;
  32.                 float2  uv : TEXCOORD0;
  33.             };
  34.             v2f vert (appdata_base v)
  35.             {
  36.                 v2f o;
  37.                    o.pos = mul(UNITY_MATRIX_MVP,v.vertex);
  38.                 o.uv =    TRANSFORM_TEX(v.texcoord,_MainTex);
  39.                 return o;
  40.             }
  41.            
  42.             //计算函数
  43.             //核心：计算函数，角度，uv,光带的x长度，间隔，开始时间，偏移，单次循环时间
  44.             float inFlash(float angle,float2 uv,float xLength,int interval,int beginTime, float offX, float loopTime )
  45.             {
  46.                 //亮度值
  47.                 float brightness =0;
  48.                
  49.                 //倾斜角
  50.                 float angleInRad = 0.0174444 * angle;
  51.                
  52.                 //当前时间
  53.                 float currentTime = _Time.y;
  54.            
  55.                 //获取本次光照的起始时间
  56.                 int currentTimeInt = _Time.y/interval;
  57.                 currentTimeInt *=interval;
  58.                
  59.                 //获取本次光照的流逝时间 = 当前时间 - 起始时间
  60.                 float currentTimePassed = currentTime -currentTimeInt;
  61.                 if(currentTimePassed >beginTime)
  62.                 {
  63.                     //底部左边界和右边界
  64.                     float xBottomLeftBound;
  65.                     float xBottomRightBound;

  67.                     //此点边界
  68.                     float xPointLeftBound;
  69.                     float xPointRightBound;
  70.                   
  71.                     float x0 = currentTimePassed-beginTime;
  72.                     x0 /= loopTime;
  73.            
  74.                     //设置右边界
  75.                     xBottomRightBound = x0;
  76.                   
  77.                     //设置左边界
  78.                     xBottomLeftBound = x0 - xLength;
  79.                   
  80.                     //投影至x的长度 = y/ tan(angle)
  81.                     float xProjL;
  82.                     xProjL= (uv.y)/tan(angleInRad);

  84.                     //此点的左边界 = 底部左边界 - 投影至x的长度
  85.                     xPointLeftBound = xBottomLeftBound - xProjL;
  86.                     //此点的右边界 = 底部右边界 - 投影至x的长度
  87.                     xPointRightBound = xBottomRightBound - xProjL;
  88.                   
  89.                     //边界加上一个偏移
  90.                     xPointLeftBound += offX;
  91.                     xPointRightBound += offX;
  92.                   
  93.                     //如果该点在区域内
  94.                     if(uv.x > xPointLeftBound && uv.x < xPointRightBound)
  95.                     {
  96.                         //得到发光区域的中心点
  97.                         float midness = (xPointLeftBound + xPointRightBound)/2;
  98.                        
  99.                         //趋近中心点的程度，0表示位于边缘，1表示位于中心点
  100.                         float rate= (xLength -2*abs(uv.x - midness))/ (xLength);
  101.                         brightness = rate;
  102.                     }
  103.                 }
  104.                 brightness= max(brightness,0);
  105.                 return brightness;
  106.             }
  107.            
  108.             float4 frag (v2f i) : COLOR
  109.             {
  110.                  float4 outp;
  111.                  outp =float4(0,0,0,0);
  112.                 float4 texCol = tex2D(_MainTex,i.uv);
  113.                 //得到亮度值
  114.                 float tmpBrightness;
  115.                 tmpBrightness =inFlash(75,i.uv,0.15f,5f,2f,0.15,0.7f);
  116.                 //图像区域，判定设置为 颜色的A > 0.5,输出为材质颜色+光亮值
  117.                 if(texCol.w >0.5)
  118.                         outp  =texCol+float4(1,1,1,0)*tmpBrightness;
  119.                 //空白区域，判定设置为 颜色的A <=0.5,输出空白
  120.                                 else
  121.                                  outp  =texCol;

  123.                 return outp;
  124.             }
  125.             ENDCG
  126.         }
  127.     }
  128. }
复制代码
作者: clagrens    时间: 2016-6-25 14:21
不错，学习了！很棒的源码
作者: taniswu318    时间: 2016-7-18 15:36
效果不错，在需要的时候可以用，谢谢！
作者: walknight    时间: 2016-9-7 16:14
回复支持一下顺便记录
作者: 紫荆蓝霁    时间: 2018-1-17 10:42
不错，学习了！很棒的源码



欢迎光临 纳金网 (http://course.narkii.com/club/) Powered by Discuz! X2.5