进度条shader 如下,创建三层Ui,第一层是外层蓝色，里层是那一个半透明的层，中间是那个绿色进度条添加下面的shader 的材质。通过外部设置shader “_Angle” 参数的改变来控制进度条。
求反正切的函数atan(double x)与atan2(double y,double x) 他们返回的值是弧度 要转化为角度再自己处理下。
前者接受的是一个正切值（直线的斜率）得到夹角，但是由于正切的规律性本可以有两个角度的但它却只返回一个，因为atan的值域是从-90~90 也就是它只处理一四象限，所以一般不用它。
第二个atan2(double y,double x) 其中y代表已知点的Y坐标 同理x ,返回值是此点与远点连线与x轴正方向的夹角，这样它就可以处理四个象限的任意情况了，它的值域相应的也就是-180~180了
例如：
例1：斜率是1的直线的夹角 cout<<atan(1.0)*180/PI;//45° cout<<atan2(1.0,1.0)*180/PI;//45° 第一象限 cout<<atan2(-1.0,-1.0)*180/PI;//-135°第三象限 后两个斜率都是1 但是atan只能求出一个45° 例2：斜率是-1的直线的角度 cout<<atan(-1.0)*180/PI;//-45° cout<<atan2(-1.0,1.0)*180/PI;//-45° y为负 在第四象限 cout<<atan2(1.0,-1.0)*180/PI;//135° x为负 在第二象限 常用的不是求过原点的直线的夹角 往往是求一个线段的夹角 这对于atan2就更是如鱼得水了 例如求A(1.0,1.0) B(3.0,3.0)这个线段AB与x轴正方向的夹角 用atan2表示为 atan2(y2-y1,x2-x1) 即 atan2(3.0-1.0,3.0-1.0) 它的原理就相当于把A点平移到原点B点相应变成B'（x2-x1,y2-y1）点 这样就又回到先前了 例三： A(0.0,5.0) B(5.0,10.0) 线段AB的夹角为 cout<<atan2(5.0,5.0)*180/PI;//45° Shader "UIEffect/uGUI_rand360" { Properties { [PerRendererData] _MainTex ("Sprite Texture", 2D) = "white" {} _Color ("Tint", Color) = (1,1,1,1) _Angle ("Angle", float) = 360 _Center ("Center", vector) = (.5,.5,0,0) _Width ("Width", float) = 1 _AngleOffset("AngleOffset", float) = 0 [Toggle(CLOCK_WISE)]_ClockWise("ClockWise", float) = 1 _StencilComp ("Stencil Comparison", Float) = 8 _Stencil ("Stencil ID", Float) = 0 _StencilOp ("Stencil Operation", Float) = 0 _StencilWriteMask ("Stencil Write Mask", Float) = 255 _StencilReadMask ("Stencil Read Mask", Float) = 255 _ColorMask ("Color Mask", Float) = 15 } SubShader { Tags { "Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent" "PreviewType"="Plane" "CanUseSpriteAtlas"="True" } Stencil { Ref [_Stencil] Comp [_StencilComp] Pass [_StencilOp] ReadMask [_StencilReadMask] WriteMask [_StencilWriteMask] } Cull Off Lighting Off ZWrite Off ZTest [unity_GUIZTestMode] Blend SrcAlpha OneMinusSrcAlpha ColorMask [_ColorMask] Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #pragma shader_feature CLOCK_WISE #include "UnityCG.cginc" #include "UnityUI.cginc" float _Angle; float4 _Center; float _AngleOffset; half _Width; struct appdata_t { float4 vertex : POSITION; float4 color : COLOR; float2 texcoord : TEXCOORD0; }; struct v2f { float4 vertex : SV_POSITION; fixed4 color : COLOR; half2 texcoord : TEXCOORD0; float4 worldPosition : TEXCOORD1; }; fixed4 _Color; fixed4 _TextureSampleAdd; bool _UseClipRect; float4 _ClipRect; bool _UseAlphaClip; v2f vert(appdata_t IN) { v2f OUT; OUT.worldPosition = IN.vertex; OUT.vertex = mul(UNITY_MATRIX_MVP, OUT.worldPosition); OUT.texcoord = IN.texcoord; #ifdef UNITY_HALF_TEXEL_OFFSET OUT.vertex.xy += (_ScreenParams.zw-1.0)*float2(-1,1); #endif OUT.color = IN.color * _Color; return OUT; } sampler2D _MainTex; fixed4 frag(v2f IN) : SV_Target { half4 color = (tex2D(_MainTex, IN.texcoord) + _TextureSampleAdd) * IN.color; float2 pos = IN.texcoord.xy - _Center.xy; float x = pos.x; #ifdef CLOCK_WISE x = -x; #endif //float ang = degrees(atan2(x, -pos.y)) + 180; float ang = degrees(atan2(x, -pos.y)) + 180; color.a = color.a * saturate((ang - _Angle )/_Width); return color; } ENDCG } } FallBack "Custom/Color Texture" }