使用Shader制作loading旋转动画

效果图:

 

1.绕Z轴旋转的旋转矩阵

2.UV旋转的步骤

  (1) 由于旋转矩阵是绕原点旋转的,要把要旋转的UV坐标平移到原点

  

1 i.uv -= float2(0.5, 0.5);
2 float2 tempUV = i.uv;

  (2)旋转UV坐标

   

1 i.uv.x = cos(_Speed * _Time.y) * tempUV.x - sin(_Speed * _Time.y)*tempUV.y;                
2                 i.uv.y = sin(_Speed * _Time.y) * tempUV.x + cos(_Speed * _Time.y) * tempUV.y;
View Code

(3)把多余部分的图片,设置采样点为(0,0)

1 if (abs(i.uv.x) > 0.5 || abs(i.uv.y) > 0.5)
2 {
3     i.uv = float2(0, 0);
4 }

(4)平移回去

  i.uv += float2(0.5, 0.5);

 

注意需要开启Alpha通道,并关闭ZWrite

 

  

  

转载于:https://www.cnblogs.com/blackteeth/p/10323759.html

制作溶解特效的过程如下: 1. 创建一个空的Unlit Shader Graph(或者其他类型的Shader Graph,根据实际需求而定)。 2. 在Shader Graph中创建一个Texture2D类型的属性,用于存储溶解贴图。 3. 添加一个Color节点,将溶解贴图作为输入,将其作为颜色输出。 4. 使用一个Lerp节点,将颜色节点输出的颜色和黑色(或者其他颜色)进行插值,根据溶解贴图的灰度值来控制插值因子。这样,在溶解贴图的黑色区域,颜色节点输出的颜色将被完全舍弃,而在白色区域,颜色节点输出的颜色将完全保留。 5. 将Lerp节点的输出连接到输出节点的Albedo输入,完成溶解特效的制作。 下面是一个简单的Shader Graph代码示例: ``` Shader "Custom/Dissolve" { Properties { _MainTex ("Texture", 2D) = "white" {} _DissolveTex ("Dissolve Texture", 2D) = "white" {} } SubShader { Tags { "RenderType"="Opaque" } LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; sampler2D _DissolveTex; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } fixed4 frag (v2f i) : SV_Target { fixed4 texColor = tex2D(_MainTex, i.uv); fixed dissolve = tex2D(_DissolveTex, i.uv).r; fixed factor = smoothstep(0.25, 0.75, dissolve); return lerp(texColor, fixed4(0,0,0,0), factor); } ENDCG } } FallBack "Diffuse" } ``` 这个Shader Graph创建了一个名为“Custom/Dissolve”的Shader,其中包含两个属性:_MainTex和_DissolveTex。在Pass中,使用了一个Lerp节点来控制溶解特效,其中smoothstep函数用于平滑过渡效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值