shader中的序列幀動畫屬于紋理動畫中的一種，主要原理是將給定的紋理進行等分，再根據時間的變化循環播放等分中的一部分。

?

Unity Shader 內置時間變量

名稱	類型	描述
_Time	float4	(t/20,t,2t,3t)? ?其中t為自該場景加載所經過時間
_SinTime	float4	(t/8,t/4,t/2,t)? 其中t為自該場景加載所經過時間的正弦值
_CosTime	float4	(t/8,t/4,t/2,t)??其中t為自該場景加載所經過時間的余弦值
unity_DeltaTime	float4	(dt,1/dt,sdt,1/sdt)? 其中dt為時間增量，sdt為時間增量的平滑值

?

?

?

?

?

?

?

?

腳本如下：

1 Shader "MyUnlit/FrameAnimation" 2 { 3 Properties 4 { 5 _Color("Color Tint",color)=(1,1,1,1) 6 _MainTex ("Texture", 2D) = "white" {} 7 _CutX("CutX Amount",float)=4 8 _CutY("CutY Amount",float)=4 9 _Speed("Speed",range(1,100))=30 10 } 11 SubShader 12 { 13 //一般序列幀動畫的紋理會帶有Alpha通道，因此要按透明效果渲染，需要設置標簽，關閉深度寫入，使用并設置混合 14 Tags { "RenderType"="transparent" "queue"="transparent" "ignoreprojector"="true" } 15 ZWrite off 16 blend srcalpha oneminussrcalpha 17 18 Pass 19 { 20 Tags{"lightmode"="forwardbase"} 21 22 CGPROGRAM 23 #pragma vertex vert 24 #pragma fragment frag 25 #pragma multi_compile_fog 26 27 #include "UnityCG.cginc" 28 29 struct appdata 30 { 31 float4 vertex : POSITION; 32 float2 uv : TEXCOORD0; 33 }; 34 35 struct v2f 36 { 37 float2 uv : TEXCOORD0; 38 UNITY_FOG_COORDS(1) 39 float4 vertex : SV_POSITION; 40 }; 41 42 sampler2D _MainTex; 43 float4 _MainTex_ST; 44 fixed4 _Color; 45 float _CutX; 46 float _CutY; 47 float _Speed; 48 49 v2f vert (appdata v) 50 { 51 v2f o; 52 o.vertex = UnityObjectToClipPos(v.vertex); 53 o.uv = TRANSFORM_TEX(v.uv, _MainTex); 54 UNITY_TRANSFER_FOG(o,o.vertex); 55 return o; 56 } 57 58 fixed4 frag (v2f i) : SV_Target 59 { 60 //取得整數的時間 61 float time = floor(_Time.y*_Speed); 62 //整除部分為行（因為播放順序是從左到右，先行后列） 63 float row = floor(time / _CutX); 64 //余數部分為列 65 float column = time - row * _CutX; 66 67 //計算偏移值，其中u向為列索引值，v向為行索引的相反數（播放原點是左上角，而uv采樣原點是左下角，所以v向偏移應該取反） 68 half2 uv = i.uv + half2(column,-row); 69 //除以行列得到最終的采樣值 70 uv.x /= _CutX; 71 uv.y /= _CutY; 72 73 fixed4 col = tex2D(_MainTex,uv); 74 col.rgb *= _Color; 75 UNITY_APPLY_FOG(i.fogCoord, col); 76 return col; 77 } 78 ENDCG 79 } 80 } 81 FallBack "Transparent/VertexLit" 82 }

?

轉載于:https://www.cnblogs.com/koshio0219/p/11119787.html

總結

以上是生活随笔為你收集整理的Unity Shader 序列帧动画的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。