UnityShader3实现转圈与冷却效果-创新互联

本文实例为大家分享了UnityShader3实现转圈与冷却效果的具体代码,供大家参考,具体内容如下

创新互联专注于港口企业网站建设,响应式网站开发,商城网站建设。港口网站建设公司,为港口等地区提供建站服务。全流程按需求定制制作,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

参考链接:OpenGL Shader实例分析(3)等待标识效果

一、转圈效果

效果图:

UnityShader3实现转圈与冷却效果

如何实现一个圆绕中心点运动呢?原理很简单,就是随着时间的流逝,起始边固定,而另一条边不断地移动,弧度从0到2*PI,只需求出移动边与圆边的交点,然后画圆即可。至于这个交点,因为圆心的uv为(0.5,0.5),所以交点的坐标就是(0.5 - r * cos(a) , 0.5 + r * sin(a))。

UnityShader3实现转圈与冷却效果

Shader "Custom/Loading"
{
 Properties
 {
 _Color ("Color", Color) = (0, 1, 0, 1)
 _Speed ("Speed", Range(1, 10)) = 1
 _Radius ("Radius", Range(0, 0.5)) = 0.3
 }
 SubShader
 {
 Tags { "Queue" = "Transparent" }
 Blend SrcAlpha OneMinusSrcAlpha
 ZWrite Off
 
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 #define PI 3.14159
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float2 uv : TEXCOORD0;
 };
 
 fixed4 _Color;
 half _Speed;
 fixed _Radius;
 
 fixed4 circle(float2 uv, float2 center, float radius)
 {
 //if(pow(uv.x - center.x, 2) + pow(uv.y - center.y, 2) < pow(radius, 2)) return _Color;
 
 if(length(uv - center) < radius) return _Color;
 else return fixed4(0, 0, 0, 0); 
 }
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.uv = v.uv;
 
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 fixed4 finalCol = (0, 0, 0, 0);
 
 for(int count = 7; count > 1; count--)
 {
  half radian = fmod(_Time.y * _Speed + count * 0.5, 2 * PI);//弧度
  half2 center = half2(0.5 - _Radius * cos(radian), 0.5 + _Radius * sin(radian)); 
 
  finalCol += circle(i.uv, center, count * 0.01);
 }
 
 return finalCol;
 }
 ENDCG
 }
 }
}

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:UnityShader3实现转圈与冷却效果-创新互联
当前链接:http://pwwzsj.com/article/dhsjdo.html