Unity Shader 纹理采样UV动画 帧动画

在Shader纹理采样的运用中，灵活的对UV进行操作可以达到很多种很棒的效果，今天就来介绍一种简单的动画效果帧动画。

效果图：

用到的示例图：

关键点就是对纹理采样中的缩放（Tiling）与偏移（Offset）的理解，如图：

正常情况下的采样效果：

帧动画要求每次只显示一小张图，然后练习跳转显示后续的图，所以每次UV的范围就不能在默认的0-1的范围。

如给定的这张图，宽为2，高为3，u的范围（Tiling的X属性）为 1/宽， v的范围（Tiling的Y属性）为1/高，设置看效果：

能采样到小图了，接下来就是通过代码控制偏移量，使每次的采样结果都是按照我们想要的顺序采样下去就ok了，至于是通过C#代码去动态修改偏移量还是Shader中去修改，都是一个目的就是随时间推移改变偏移量Offset。我这里采用C#来修改Offset值：

using System.Collections;
using UnityEngine;

public class TextureUVST : MonoBehaviour
{
    public int width;
    public int height;
    public int fps;

    int _index = 0;
    int _totalCount;
    float _uInterval;//u方向上偏移的单位间隔
    float _vInterval;//v方向上偏移的单位间隔
    Material _mat;

	void Start ()
    {
        _totalCount = width * height;
        _uInterval = 1f / width;
        _vInterval = 1f / height;
        _mat = GetComponent<MeshRenderer>().material;
        _mat.SetTextureScale("_MainTex", new Vector2(_uInterval, _vInterval));//固定的 所以设置一次就行了
        StartCoroutine(Play());
    }
	
    IEnumerator Play()
    {
        while (true)
        {
            yield return new WaitForSeconds(1f / fps);//等待设置的一帧时间

            //使用
            //_mat.SetTextureOffset("_MainTex", new Vector2(_index % width * _uInterval, 1 - _index / width * _vInterval - _vInterval));//362514  正常的左上开始， 左到右，上到下
            _mat.SetTextureOffset("_MainTex", new Vector2(_index / height * _uInterval, _index % height * _vInterval));//123456
            //_mat.SetTextureOffset("_MainTex", new Vector2(_index % width * _uInterval, _index / width * _vInterval));//142536
            //_mat.SetTextureOffset("_MainTex", new Vector2(_index / height * _uInterval, 1 - _index % height * _vInterval - _vInterval));//321654

            //累加
            _index++;
            _index %= _totalCount;
        }
    }
}

Shader简单的纹理采样代码：

// Upgrade NOTE: replaced tex2D unity_Lightmap with UNITY_SAMPLE_TEX2D

Shader "Custom/UVFrame2" {

	Properties{
		_MainTex("MainTex",2d) = ""{}
	}

	SubShader{
		pass
		{
			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag
			#include "unitycg.cginc"

			sampler2D _MainTex;
			float4 _MainTex_ST;

			struct v2f
			{
				float4 pos : POSITION;
				float2 uv : TEXCOORD0;
			};

			v2f vert(appdata_full v)
			{
				v2f o;
				o.pos = UnityObjectToClipPos(v.vertex);
				o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);
				//o.uv = TRANSFORM_TEX(float4(_TilingX,_TilingY,_OffsetX,_OffsetY), _MainTex);
				return o;
			}

			fixed4 frag(v2f IN) :COLOR
			{
				fixed4 color = tex2D(_MainTex, IN.uv);

				return color;
			}

			ENDCG
		}
	}
}