使用Unity实现一个简单的UV动画

这一篇文章中，我们将讲解如何在unity3D中通过shader来实现UV动画，来修改纹理Uv坐标以滚动贴图。

先看效果图

UV动画是一种常用的渲染技巧，经常用来描述水的流动、霓虹灯的闪烁等。实现的原理就是动态修改贴图的UV坐标，使物体表面产生变化。采用不同的算法模型可以实现很多很复杂的效果，以下是shader代码：

Shader "Unlit/MyShader/UVAim"
{
Properties
{
_MainTex ("Texture", 2D) = "white" {}
_ScrollY("Scroll Speed", Float) = 1.0
}
SubShader
{
Tags { "RenderType"="Opaque" }
LOD 100


Pass
{
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
// make fog work
#pragma multi_compile_fog

#include "UnityCG.cginc"


float _ScrollY;


struct appdata
{
float4 vertex : POSITION;
float2 uv : TEXCOORD0;
};


struct v2f
{
float2 uv : TEXCOORD0;
UNITY_FOG_COORDS(1)
float4 vertex : SV_POSITION;
};


sampler2D _MainTex;
float4 _MainTex_ST;

v2f vert (appdata v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
o.uv = TRANSFORM_TEX(v.uv, _MainTex) + frac(float2(0, _ScrollY) * _Time.y);


UNITY_TRANSFER_FOG(o,o.vertex);
return o;
}

fixed4 frag (v2f i) : SV_Target
{
// sample the texture
fixed4 col = tex2D(_MainTex, i.uv);
// apply fog
UNITY_APPLY_FOG(i.fogCoord, col);
return col;
}
ENDCG
}
}
Fallback "VertexLit"
}