UV序列帧动画

Posted 柯腾_wjf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UV序列帧动画相关的知识,希望对你有一定的参考价值。

通过上图实现一个火焰的序列帧动画(使用UV实现美术只需要出一张图,而不用每个火焰状态出一张图,节省了内存)。

shader如下:

Shader "Custom/UVAnimation" 
    {
    Properties
    {
        _Color("Base Color", Color) = (1,1,1,1)
        _MainTex("Base(RGB)", 2D) = "white" {}
        _AnimationSpeed("AnimationSpeed", float) = 100 //动画的播放速度
        _FrameCount("FrameCount",float) = 12//这个动画共几帧
    }
    
    SubShader
    {
        tags{"Queue" = "Transparent" "RenderType" = "Transparent" "IgnoreProjector" = "True"}
        Blend SrcAlpha OneMinusSrcAlpha
        
        Pass
        {            
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "UnityCG.cginc"
            
            float4 _Color;
            sampler2D _MainTex;
            float _AnimationSpeed;
            float _FrameCount;
            
            struct v2f
            {
                float4 pos:POSITION;
                float2 uv:TEXCOORD0;
            };
            
            //处理动画逻辑
            float2 moveUV(float2 vertUV)
            {                
                float index = frac(_Time.x / _FrameCount * _AnimationSpeed);
                float2 uvScale = float2(1 / _FrameCount, 1);
                
                for(int i = 1; i < _FrameCount + 1; i++)
                {
                    if(index <= uvScale.x * i){
                        return vertUV * uvScale + float2( (i-1) * uvScale.x, 0.0);//计算UV的位移量
                    }
                }

                return vertUV * uvScale + float2((_FrameCount - 1) * uvScale.x, 0.0);
            }
            
            v2f vert(appdata_base v)
            {
                v2f o;
                o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
                o.uv = moveUV(v.texcoord.xy);
                return o;
            }
            
            half4 frag(v2f i):COLOR
            {    
                half4 c = tex2D(_MainTex , i.uv) * _Color;
                return c;
            }            
            ENDCG
        }
    }
}

 

以上是关于UV序列帧动画的主要内容,如果未能解决你的问题,请参考以下文章

UnityShader 序列帧动画效果

unity shader序列帧动画代码,顺便吐槽一下unity shader系统

unity怎么让贴图序列播放

3dmax导出fbx带序列帧动画,会丢材质是啥原因

Unity自定义组件之序列帧播放组件

自己定义View时,用到Paint Canvas的一些温故,简单的帧动画(动画一 ,&quot;掏粪男孩Gif&quot;顺便再提提onWindowFocusChanged)(代码片段