Shader_ShaderForge_NGUI_序列帧/
序列帧
-
Shader篇
Shader Forge序列帧算法！
附上Shader代码部分：
// Shader created with Shader Forge v1.26 // Shader Forge (c) Neat Corporation / Joachim Holmer - http://www.acegikmo.com/shaderforge/ // Note: Manually altering this data may prevent you from opening it in Shader Forge /*SF_DATA;ver:1.26;sub:START;pass:START;ps:flbk:,iptp:0,cusa:False,bamd:0,lico:0,lgpr:1,limd:0,spmd:1,trmd:0,grmd:0,uamb:True,mssp:True,bkdf:False,hqlp:False,rprd:False,enco:False,rmgx:True,rpth:0,vtps:0,hqsc:True,nrmq:1,nrsp:0,vomd:0,spxs:False,tesm:0,olmd:1,culm:0,bsrc:3,bdst:7,dpts:2,wrdp:False,dith:0,rfrpo:True,rfrpn:Refraction,coma:15,ufog:True,aust:True,igpj:True,qofs:0,qpre:3,rntp:2,fgom:False,fgoc:False,fgod:False,fgor:False,fgmd:0,fgcr:0.5,fgcg:0.5,fgcb:0.5,fgca:1,fgde:0.01,fgrn:0,fgrf:300,stcl:False,stva:128,stmr:255,stmw:255,stcp:6,stps:0,stfa:0,stfz:0,ofsf:0,ofsu:0,f2p0:False,fnsp:False,fnfb:False;n:type:ShaderForge.SFN_Final,id:2639,x:33086,y:32702,varname:node_2639,prsc:2|custl-3205-RGB,alpha-3205-A;n:type:ShaderForge.SFN_Tex2d,id:3205,x:32770,y:32838,ptovrint:False,ptlb:MainTex,ptin:_MainTex,varname:node_3205,prsc:2,glob:False,taghide:False,taghdr:False,tagprd:False,tagnsco:False,tagnrm:False,tex:18c6fa7ae2c58cb4bbfea44780c46b23,ntxv:0,isnm:False|UVIN-1068-UVOUT;n:type:ShaderForge.SFN_UVTile,id:1068,x:32549,y:32801,varname:node_1068,prsc:2|UVIN-772-UVOUT,WDT-971-OUT,HGT-9174-OUT,TILE-3717-OUT;n:type:ShaderForge.SFN_TexCoord,id:772,x:32322,y:32636,varname:node_772,prsc:2,uv:0;n:type:ShaderForge.SFN_ValueProperty,id:9174,x:32136,y:32993,ptovrint:False,ptlb:V,ptin:_V,varname:node_9174,prsc:2,glob:False,taghide:False,taghdr:False,tagprd:False,tagnsco:False,tagnrm:False,v1:5;n:type:ShaderForge.SFN_ValueProperty,id:971,x:32149,y:32804,ptovrint:False,ptlb:H,ptin:_H,varname:node_971,prsc:2,glob:False,taghide:False,taghdr:False,tagprd:False,tagnsco:False,tagnrm:False,v1:5;n:type:ShaderForge.SFN_ValueProperty,id:7120,x:31230,y:32665,ptovrint:False,ptlb:Index,ptin:_Index,varname:node_7120,prsc:2,glob:False,taghide:False,taghdr:False,tagprd:False,tagnsco:False,tagnrm:False,v1:15;n:type:ShaderForge.SFN_Fmod,id:5299,x:31778,y:33126,varname:node_5299,prsc:2|A-7838-OUT,B-8860-OUT;n:type:ShaderForge.SFN_Divide,id:5519,x:31434,y:33360,varname:node_5519,prsc:2|A-757-OUT,B-9769-OUT;n:type:ShaderForge.SFN_Floor,id:6464,x:31612,y:33360,varname:node_6464,prsc:2|IN-5519-OUT;n:type:ShaderForge.SFN_Subtract,id:5218,x:31522,y:33582,varname:node_5218,prsc:2|A-9536-OUT,B-8336-OUT;n:type:ShaderForge.SFN_Vector1,id:8336,x:31270,y:33654,varname:node_8336,prsc:2,v1:1;n:type:ShaderForge.SFN_Subtract,id:4840,x:31841,y:33340,varname:node_4840,prsc:2|A-5218-OUT,B-6464-OUT;n:type:ShaderForge.SFN_Set,id:1131,x:32149,y:32893,varname:HValue,prsc:2|IN-971-OUT;n:type:ShaderForge.SFN_Set,id:1440,x:32136,y:33071,varname:VValue,prsc:2|IN-9174-OUT;n:type:ShaderForge.SFN_Get,id:9769,x:31199,y:33428,varname:node_9769,prsc:2|IN-1131-OUT;n:type:ShaderForge.SFN_Get,id:8860,x:31568,y:33198,varname:node_8860,prsc:2|IN-1131-OUT;n:type:ShaderForge.SFN_Get,id:9536,x:31249,y:33582,varname:node_9536,prsc:2|IN-1440-OUT;n:type:ShaderForge.SFN_Add,id:3717,x:32252,y:33252,varname:node_3717,prsc:2|A-5840-OUT,B-2489-OUT;n:type:ShaderForge.SFN_Multiply,id:2489,x:32077,y:33350,varname:node_2489,prsc:2|A-4840-OUT,B-3624-OUT;n:type:ShaderForge.SFN_Get,id:3624,x:31891,y:33526,varname:node_3624,prsc:2|IN-1131-OUT;n:type:ShaderForge.SFN_Set,id:5485,x:31753,y:32715,varname:Index,prsc:2|IN-3812-OUT;n:type:ShaderForge.SFN_Get,id:7838,x:31568,y:33126,varname:node_7838,prsc:2|IN-5485-OUT;n:type:ShaderForge.SFN_Get,id:757,x:31199,y:33336,varname:node_757,prsc:2|IN-5485-OUT;n:type:ShaderForge.SFN_Fmod,id:3812,x:31545,y:32679,varname:node_3812,prsc:2|A-7120-OUT,B-5438-OUT;n:type:ShaderForge.SFN_Multiply,id:5438,x:31343,y:32747,varname:node_5438,prsc:2|A-3892-OUT,B-3297-OUT;n:type:ShaderForge.SFN_Get,id:3892,x:31119,y:32757,varname:node_3892,prsc:2|IN-1131-OUT;n:type:ShaderForge.SFN_Get,id:3297,x:31119,y:32803,varname:node_3297,prsc:2|IN-1440-OUT;n:type:ShaderForge.SFN_Floor,id:5840,x:31974,y:33136,varname:node_5840,prsc:2|IN-5299-OUT;proporder:3205-971-9174-7120;pass:END;sub:END;*/ Shader "Custom/FramesPicShaderV0" { Properties { _MainTex ("MainTex", 2D) = "white" {} _H ("H", Float ) = 5 _V ("V", Float ) = 5 _Index ("Index", Float ) = 15 [HideInInspector]_Cutoff ("Alpha cutoff", Range(0,1)) = 0.5 } SubShader { Tags { "IgnoreProjector"="True" "Queue"="Transparent" "RenderType"="Transparent" } LOD 200 Pass { Name "FORWARD" Tags { "LightMode"="ForwardBase" } Blend SrcAlpha OneMinusSrcAlpha ZWrite Off CGPROGRAM #pragma vertex vert #pragma fragment frag #define UNITY_PASS_FORWARDBASE #include "UnityCG.cginc" #pragma multi_compile_fwdbase #pragma multi_compile_fog #pragma exclude_renderers gles3 metal d3d11_9x xbox360 xboxone ps3 ps4 psp2 #pragma target 3.0 uniform sampler2D _MainTex; uniform float4 _MainTex_ST; uniform float _V; uniform float _H; uniform float _Index; struct VertexInput { float4 vertex : POSITION; float2 texcoord0 : TEXCOORD0; }; struct VertexOutput { float4 pos : SV_POSITION; float2 uv0 : TEXCOORD0; UNITY_FOG_COORDS(1) }; VertexOutput vert (VertexInput v) { VertexOutput o = (VertexOutput)0; o.uv0 = v.texcoord0; o.pos = mul(UNITY_MATRIX_MVP, v.vertex ); UNITY_TRANSFER_FOG(o,o.pos); return o; } float4 frag(VertexOutput i) : COLOR { ////// Lighting: float HValue = _H; float VValue = _V; float Index = fmod(_Index,(HValue*VValue)); float node_3717 = (floor(fmod(Index,HValue))+(((VValue-1.0)-floor((Index/HValue)))*HValue)); float2 node_1068_tc_rcp = float2(1.0,1.0)/float2( _H, _V ); float node_1068_ty = floor(node_3717 * node_1068_tc_rcp.x); float node_1068_tx = node_3717 - _H * node_1068_ty; float2 node_1068 = (i.uv0 + float2(node_1068_tx, node_1068_ty)) * node_1068_tc_rcp; float4 _MainTex_var = tex2D(_MainTex,TRANSFORM_TEX(node_1068, _MainTex)); float3 finalColor = _MainTex_var.rgb; fixed4 finalRGBA = fixed4(finalColor,_MainTex_var.a); UNITY_APPLY_FOG(i.fogCoord, finalRGBA); return finalRGBA; } ENDCG } } FallBack "Diffuse" CustomEditor "ShaderForgeMaterialInspector" }
总体思路：
ShaderForge提供了序列帧算法节点，但是其节点的运算方式采用的是笛卡尔坐标系，而大多数序列帧图使用的屏幕坐标系，2个坐标系的顺序如下图所示，开头考虑的是换UV，发现很麻烦，就写了个算法换Index下标，成功解决，但是NGUI对Shader很不友好，如果你想实时更新渲染，就需要每次都去Enable&Disable UITexture 导致运行的时候卡的不行，这个方法就被我Pass掉了，还是通过代码控制UITexture里面的UV 缩放位移吧！
- 代码版
下面附上代码控制NGui序列帧播放的方法！！
using UnityEngine; using System.Collections; public class WUvPlay : MonoBehaviour { //图片性质 x-countX 行 y-countY 列 z-最大位置 public Vector2 textureCount; // public GameObject thisObj; //偏移量 private Vector2 offset; //现在偏移位置 private int frame = -1; private float lastTime=0.0f; public float speed = 0.03f; public UITexture uitexture; private Rect v ; public bool isLoop = true; public bool isStop = false; public bool activeFlage = false; public bool pinpang = false; public int beginFrame = 0; public int endFrame = 0; protected int inc = 1; public int playCount = -1; public float dealyTime = 0; public int beginShowFrame = -1; private bool isLoop_begin ; private bool isStop_begin ; private bool activeFlage_begin ; private bool pinpang_begin ; private int beginFrame_begin; private int endFrame_begin ; private int playCount_begin ; private float dealyTime_begin ; private int beginShowFrame_begin ; private int nowFrame_set = -1; public bool isJiangePlay; public float randTimeMin; public float randTimeMax; private float nextPlayTime; public int randPlayerCountMin; public int randPlayerCountMax; void Awake() { isLoop_begin = isLoop; isStop_begin = isStop; activeFlage_begin = activeFlage; pinpang_begin = pinpang; beginFrame_begin = beginFrame; endFrame_begin = endFrame; playCount_begin = playCount; dealyTime_begin = dealyTime; beginShowFrame_begin = beginShowFrame; } void Start () { v.width = 1 / textureCount.x; v.height = 1 / textureCount.y; if(beginShowFrame <0) { v.x = 1; v.y = 1; } else { offset.x = (beginShowFrame % textureCount.x) / textureCount.x; offset.y = (textureCount.y - 1 - (beginShowFrame / Mathf.RoundToInt (textureCount.x))) / textureCount.y; v.x = offset.x; v.y = offset.y; } uitexture.uvRect = v; frame = beginFrame-1; lastTime = dealyTime + Time.time; } void Update () { if(isStop && isJiangePlay && nextPlayTime < Time.time) { nextPlayTime = Time.time + Random.Range(randTimeMin,randTimeMax); play(); playCount = Random.Range(randPlayerCountMin,randPlayerCountMax); } if(pinpang) { if (!isStop && Time.time > lastTime + speed) { lastTime = Time.time; frame = frame + inc; if (frame >= endFrame && inc >0) { frame = endFrame-1; inc = -inc; playCountIndex(); } else if(frame < beginFrame && inc <0) { frame = beginFrame; inc = -inc; playCountIndex(); } offset.x = (frame % textureCount.x) / textureCount.x; offset.y = (textureCount.y - 1 - (frame / Mathf.RoundToInt (textureCount.x))) / textureCount.y; v.x = offset.x; v.y = offset.y; uitexture.uvRect = v; if(nowFrame_set!=-1) { frame = beginFrame+nowFrame_set%(endFrame - beginFrame); nowFrame_set = -1; } } } else { if (!isStop && Time.time > lastTime + speed) { lastTime = Time.time; frame = frame + 1; if (frame >= endFrame) { if(!isLoop) { frame = (endFrame -1); // isStop = true; if(activeFlage) { uitexture.gameObject.SetActive(false); } playCountIndex(); } else { playCountIndex(); } } offset.x = (frame % textureCount.x) / textureCount.x; offset.y = (textureCount.y - 1 - (frame / Mathf.RoundToInt (textureCount.x))) / textureCount.y; v.x = offset.x; v.y = offset.y; uitexture.uvRect = v; if(nowFrame_set!=-1) { frame = beginFrame+nowFrame_set%(endFrame - beginFrame); nowFrame_set = -1; } } } } public void play() { frame = beginFrame-1; if(activeFlage) { uitexture.gameObject.SetActive(true); } isStop = false; } public void setNowFrame(int now) { nowFrame_set = now; } public void play(int b,int e) { beginFrame = b; endFrame = e; frame = beginFrame-1; if(activeFlage) { uitexture.gameObject.SetActive(true); } isStop = false; } public void playChangeLoop(bool isL) { frame = beginFrame-1; if(activeFlage) { uitexture.gameObject.SetActive(true); } isStop = false; isLoop = isL; } public void playChangeLoop(int b,int e,bool isL) { beginFrame = b; endFrame = e; frame = beginFrame-1; if(activeFlage) { uitexture.gameObject.SetActive(true); } isStop = false; isLoop = isL; } public void setFrame(int i) { frame = i; offset.x = (frame % textureCount.x) / textureCount.x; offset.y = (textureCount.y - 1 - (Mathf.RoundToInt (frame) / Mathf.RoundToInt (textureCount.x))) / textureCount.y; v.x = offset.x; v.y = offset.y; uitexture.uvRect = v; } public void playerResetBegin() { isLoop = isLoop_begin; isStop = isStop_begin; activeFlage = activeFlage_begin; pinpang =pinpang_begin ; beginFrame = beginFrame_begin; endFrame = endFrame_begin; playCount = playCount_begin; dealyTime = dealyTime_begin; beginShowFrame = beginShowFrame_begin; v.width = 1 / textureCount.x; v.height = 1 / textureCount.y; if(beginShowFrame <0) { v.x = 1; v.y = 1; } else { offset.x = (beginShowFrame % textureCount.x) / textureCount.x; offset.y = (textureCount.y - 1 - (beginShowFrame / Mathf.RoundToInt (textureCount.x))) / textureCount.y; v.x = offset.x; v.y = offset.y; } uitexture.uvRect = v; frame = beginFrame-1; lastTime = dealyTime + Time.time; } protected void playCountIndex() { if ( playCount > 0 ) { playCount--; if ( playCount == 0 ) { isStop = true; Debug.Log("序列帧运行结束！！"); if ( activeFlage ) { uitexture.gameObject.SetActive (false); } } else { frame = beginFrame; } } else if ( playCount == 0 ) { isStop = true; } else { frame = beginFrame; } } }
代码我就懒得读了~会用就好~，代码第303行可添加委托（观察者模式）将事件传出来！！
