Unity Shader實現(xiàn)序列幀動畫效果
本文實例為大家分享了Unity Shader序列幀動畫效果的具體代碼,供大家參考,具體內(nèi)容如下
實現(xiàn)原理
主要的思想是設(shè)置顯示UV紋理的大小,并逐幀修改圖片的UV坐標(biāo)。(可分為以下四步)
1、我們首先把 _Time.y 和速度屬性_Speed 相乘來得到模擬的時間,并使用CG 的floor 函數(shù)對結(jié)果值取整來得到整數(shù)時間time
2、然后,我們使用time 除以_HorizontalAmount 的結(jié)果值的商來作為當(dāng)前對應(yīng)的行索引,除法結(jié)果的余數(shù)則是列索引。
3、接下來,我們需要使用行列索引值來構(gòu)建真正的采樣坐標(biāo)。由于序列幀圖像包含了許多關(guān)鍵幀圖像, 這意味著采樣坐標(biāo)需要映射到每個關(guān)鍵幀圖像的坐標(biāo)范圍內(nèi)。我們可以首先把原紋理坐標(biāo)i.uv 按行數(shù)和列數(shù)進(jìn)行等分,得到每個子圖像的紋理坐標(biāo)范圍。
4、然后, 我們需要使用當(dāng)前的行列數(shù)對上面的結(jié)果進(jìn)行偏移,得到當(dāng)前子圖像的紋理坐標(biāo)。需要注意的是,對豎直方向的坐標(biāo)偏移需要使用減法, 這是因為在Unity 中紋理坐標(biāo)豎直方向的順序(從下到上逐漸增大)和序列幀紋理中的順序(播放順序是從上到下〉是相反的。這樣,我們就得到了真正的紋理采樣坐標(biāo)。
Unity Shader實現(xiàn)序列幀動畫的代碼:
Shader "Unlit/Demo-SequenceAnimation"
{
Properties
{
_MainTex ("Sequence Frame Image", 2D) = "white" {} // 序列幀動畫紋理
_Color("Color Tint", Color) = (1, 1, 1, 1) // 顏色
_HorizontalAmount("Horizontal Amount", float) = 4 // 行數(shù)
_VerticalAmount("Vertical Amount", float) = 4 // 列數(shù)
_Speed("Speed", Range(1, 100)) = 30 // 播放速度
}
SubShader
{
// 由于序列幀圖像通常包含了透明通道,因此可以被當(dāng)成是一個半透明對象。
// 在這里我們使用半透明的“標(biāo)配”來設(shè)置它的SubShader 標(biāo)簽,即把Queue 和RenderType 設(shè)置成Transparent,
//把IgnoreProjector 設(shè)置為True
Tags { "RenderType"="Transparent" "Queue"="Transparent" "IgnoreProjector"="True"}
LOD 100
Pass
{
Tags{"LightMode"="ForwardBase"}
// 由于序列幀圖像通常是透明紋理,我們需要設(shè)置Pass 的相關(guān)狀態(tài),以渲染透明效果
// 在Pass 中,我們使用Blend 命令來開啟并設(shè)置混合模式,同時關(guān)閉了深度寫入
ZWrite Off
Blend SrcAlpha OneMinusSrcAlpha
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;
float4 _MainTex_ST;
fixed4 _Color;
float _HorizontalAmount;
float _VerticalAmount;
float _Speed;
v2f vert (appdata v)
{
v2f o;
o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
o.uv = TRANSFORM_TEX(v.uv, _MainTex);
return o;
}
fixed4 frag (v2f i) : SV_Target
{
float time = floor(_Time.y * _Speed); //所經(jīng)過的時間
float row = floor(time / _HorizontalAmount); // 第幾行圖片 (和行數(shù)不能對應(yīng)起來)
float column = time - row * _HorizontalAmount; // 第幾列圖片
//每次更新的量
// float offserX = 1.0 / _HorizontalAmount;
// float offserY = 1.0 / _VerticalAmount;
// half2 uv = float2(i.uv.x * offsetX, i.uv.y*offsetY);
//將所顯示的圖片縮放至應(yīng)有的大小 (即一個關(guān)鍵幀圖像的大?。?
half2 uv = float2(i.uv.x /_HorizontalAmount, i.uv.y / _VerticalAmount); // 等價于上面3句
//下面方法雖然不能和序列幀動畫一一對應(yīng),但仍符合序列幀動畫的執(zhí)行順序
uv.x += column / _HorizontalAmount; // 更換序列幀
uv.y -= row / _VerticalAmount; //等價于uv.y += 1.0 - row / _VerticalAmount;
// sample the texture
fixed4 col = tex2D(_MainTex, uv);
col.rgb *= _Color.rgb; // 設(shè)置紋理顏色
return col;
}
ENDCG
}
}
}
Tip:
因為使用了透明度混合,如果在Game視圖中看不到效果,可去掉Lighting面板中的Skybox的材質(zhì);
ceil(x) 對輸入?yún)?shù)向上取整。例如:ceil(float(1.3)) ,其返回值為 2.0
floor(x) 對輸入?yún)?shù)向下取整。例如floor(float(1.3)) 返回的值為 1.0;但是 floor(float(-1.3))返回的值為-2.0。
源工程下載:UnityShader序列幀動畫效果
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持我們。
欄 目:C#教程
下一篇:Unity3D實現(xiàn)鼠標(biāo)控制視角轉(zhuǎn)動
本文標(biāo)題:Unity Shader實現(xiàn)序列幀動畫效果
本文地址:http://www.jygsgssxh.com/a1/C_jiaocheng/4868.html
您可能感興趣的文章
- 01-10C#實現(xiàn)txt定位指定行完整實例
- 01-10WinForm實現(xiàn)仿視頻播放器左下角滾動新聞效果的方法
- 01-10C#實現(xiàn)清空回收站的方法
- 01-10C#實現(xiàn)讀取注冊表監(jiān)控當(dāng)前操作系統(tǒng)已安裝軟件變化的方法
- 01-10C#實現(xiàn)多線程下載文件的方法
- 01-10C#實現(xiàn)Winform中打開網(wǎng)頁頁面的方法
- 01-10C#實現(xiàn)遠(yuǎn)程關(guān)閉計算機或重啟計算機的方法
- 01-10C#自定義簽名章實現(xiàn)方法
- 01-10C#文件斷點續(xù)傳實現(xiàn)方法
- 01-10winform實現(xiàn)創(chuàng)建最前端窗體的方法


閱讀排行
本欄相關(guān)
- 01-10C#通過反射獲取當(dāng)前工程中所有窗體并
- 01-10關(guān)于ASP網(wǎng)頁無法打開的解決方案
- 01-10WinForm限制窗體不能移到屏幕外的方法
- 01-10WinForm繪制圓角的方法
- 01-10C#實現(xiàn)txt定位指定行完整實例
- 01-10WinForm實現(xiàn)仿視頻播放器左下角滾動新
- 01-10C#停止線程的方法
- 01-10C#實現(xiàn)清空回收站的方法
- 01-10C#通過重寫Panel改變邊框顏色與寬度的
- 01-10C#實現(xiàn)讀取注冊表監(jiān)控當(dāng)前操作系統(tǒng)已
隨機閱讀
- 01-11ajax實現(xiàn)頁面的局部加載
- 01-10C#中split用法實例總結(jié)
- 04-02jquery與jsp,用jquery
- 01-10delphi制作wav文件的方法
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置
- 08-05DEDE織夢data目錄下的sessions文件夾有什


