给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;
    
66. 
    
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);
    
83. 
    
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;
     
122. 
     
123.                 return outp;
     
124.             }
     
125.             ENDCG
     
126.         }
     
127.     }
     
128. }

复制代码

clagrens

不错，学习了！很棒的源码

taniswu318

效果不错，在需要的时候可以用，谢谢！

walknight

回复支持一下顺便记录

紫荆蓝霁

不错，学习了！很棒的源码