Shader学习的基础知识(十七)滚动背景动画

通过移动多张背景图片,利用前快后慢的视差制做移动的效果。
思路:
创建一个Shader放两张图,通过时间修改他们的UV以得到一个移动的效果。
代码如下:

Shader "Custom/TestShader26" {
	Properties {
		_MainTex ("Main Tex", 2D) = "white" {}
		_MainTex2 ("Main Tex2", 2D) = "white" {}
	}
	SubShader {	
		Tags{"Queue"="Transparent" "IgnoreProjector"="true" "RenderType"="Transparent"}
		Pass { 
			Tags { "LightMode"="ForwardBase" }
			ZWrite Off
			Blend SrcAlpha OneMinusSrcAlpha
		
			CGPROGRAM
			
			#pragma vertex vert
			#pragma fragment frag

			#include "Lighting.cginc"
			
			sampler2D _MainTex;
			sampler2D _MainTex2;
			float4 _MainTex_ST;
			float4 _MainTex2_ST;
			
			struct a2v {
				float4 vertex : POSITION;
				float4 texcoord : TEXCOORD0;
			};
			
			struct v2f {
				float4 pos : SV_POSITION;
				float4 uv : TEXCOORD0;
			};
			
			v2f vert(a2v v) {
				v2f o;
				o.pos = UnityObjectToClipPos(v.vertex);
				o.uv.xy = TRANSFORM_TEX(v.texcoord,_MainTex)+ frac(float2( _Time.x,0));
				o.uv.zw = TRANSFORM_TEX(v.texcoord,_MainTex2)+ float2( _Time.y,0);

				return o;
			}
			
			fixed4 frag(v2f i) : SV_Target {
				float4 color = tex2D(_MainTex,i.uv.xy);
				float4 color2= tex2D(_MainTex2,i.uv.zw);
				fixed4 c= lerp(color,color2,color2.a);

				return c;
			}
			
			ENDCG
		}
	} 
	FallBack "Specular"
}

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小盖子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值