unity shader 抖音效果

最近开始学习了unity shader，所以想要做一些简单的效果，来巩固一下知识。我第一个想做的就是做一些类似于抖音的效果。(PS:最近学习了markdown，所以就用markdown开始写博客了
)

Shader "My/mydouyin"
{
	Properties
	{
		_MainTex ("Texture", 2D) = "white" {}
		_offsetX("OffsetX",float) = 0
		_offsetY("offsetY",float) = 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"

			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;
			float _offsetX;
			float _offsetY;
			v2f vert (appdata v)
			{
				v2f o;
				o.vertex = UnityObjectToClipPos(v.vertex);
				o.uv = TRANSFORM_TEX(v.uv, _MainTex);
				UNITY_TRANSFER_FOG(o,o.vertex);
				return o;
			}
			
			fixed4 frag (v2f i) : SV_Target
			{
				float2 uv = i.uv;
				
				fixed4 col = tex2D(_MainTex, uv);

				float2 uv_offset1 = float2(uv.x+_offsetX,uv.y+ _offsetY);

				fixed4 col_offset1 = tex2D(_MainTex, uv_offset1);

				float2 uv_offset2 = float2(uv.x - _offsetX, uv.y - _offsetY);

				fixed4 col_offser2 = tex2D(_MainTex, uv_offset2);

				fixed4 color = fixed4(col_offset1.r, col_offser2.g, col.b, col.a);
				return color;
				
			}
			ENDCG
		}
	}
}

效果如下图：

具体效果： B站.
有些shader看起来代码量很少，但是他包含的内容是很多，需要你真正你的去吃透他，掌握他。

如果需要shader学习资料，欢迎联系。