转发请保持地址：http://www.jb51.cc/article/p-bzdgsshf-bap.html

这篇文章主要分析一个Shader，从而感受shader的魅力，并学习相关shader的函数的用法。

先看Shader运行的效果（随着时间移动的波浪，具体效果请参考https://www.shadertoy.com/view/4dsGzH）：

下面是代码：

1. Shader"shadertoy/Waves"{//seehttps://www.shadertoy.com/view/4dsGzH
3. CGINCLUDE
4. #include"UnityCG.cginc"
5. #pragmatarget3.0
6. structvertOut{
7. float4pos:SV_POSITION;
8. float4srcPos;
9. };
11. vertOutvert(appdata_basev){
12. vertOuto;
13. o.pos=mul(UNITY_MATRIX_MVP,v.vertex);
14. o.srcPos=ComputeScreenPos(o.pos);
15. returno;
16. }
17. fixed4frag(vertOuti):COLOR0{
18. fixed3COLOR1=fixed3(0.0,0.0,0.3);
19. fixed3COLOR2=fixed3(0.5,0.0);
20. floatBLOCK_WIDTH=0.03;
21. float2uv=(i.srcPos.xy/i.srcPos.w);
22. //TocreatetheBGpattern
23. fixed3final_color=fixed3(1.0);
24. fixed3bg_color=fixed3(0.0);
25. fixed3wave_color=fixed3(0.0);
26. floatc1=fmod(uv.x,2.0*BLOCK_WIDTH);
27. c1=step(BLOCK_WIDTH,c1);
28. floatc2=fmod(uv.y,108); color:inherit; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> c2=step(BLOCK_WIDTH,c2);
29. bg_color=lerp(uv.x*COLOR1,uv.y*COLOR2,c1*c2);
30. //TOcreatethewaves
31. floatwave_width=0.01;
32. uv=-1.0+2.0*uv;
33. uv.y+=0.1;
34. for(floati=0.0;i<10.0;i++){
35. uv.y+=(0.07*sin(uv.x+i/7.0+_Time.y));
36. wave_width=abs(1.0/(150.0*uv.y));
37. wave_color+=fixed3(wave_width*1.9,wave_width,wave_width*1.5);
38. }
39. final_color=bg_color+wave_color;
40. returnfixed4(final_color,1.0);
41. ENDCG
42. SubShader{
43. Pass{
44. CGPROGRAM
45. #pragmavertexvert
46. #pragmafragmentfrag
47. #pragmafragmentoptionARB_precision_hint_fastest
48. FallBackOff
49. }