Cg入门24： Fragment shader – UV动画（波纹）

最新推荐文章于 2024-05-08 20:53:02 发布

原创最新推荐文章于 2024-05-08 20:53:02 发布 · 置顶 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

Shader 入门笔记同时被 2 个专栏收录

31 篇文章

订阅专栏

Shader 入门笔记

30 篇文章

订阅专栏

本文深入解析Shader源代码，展示如何实现动画效果，包括移动、波纹和点击波纹等，通过控制速度、幅度和半径参数，实现丰富的视觉交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

源代码：

Shader "Sbin/FragmentAnimShader"
{
	Properties
	{
		_MainTex ("Texture", 2D) = "white" {}
		_F("F",Range(1,30))=10
		_A("A",Range(0,0.1))=0.01
		_R("R",Range(0,1))=0
	}
	SubShader
	{
		Pass
		{
			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag
			#include "UnityCG.cginc"

			sampler2D _MainTex;
			float _F;//控制速度 
			float _A;//控制幅度
			float _R;//控制半径 

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

			v2f vert (appdata_base v)
			{
				v2f o;
				o.pos = mul(UNITY_MATRIX_MVP, v.vertex);
				o.uv = v.texcoord.xy;
				return o;
			}

			fixed4 frag (v2f v) : COLOR
			{
				//移动效果
				//v.uv +=_Time.x;

				//波纹效果
				//v.uv += _A*sin(v.uv*3.14*_F + _Time.y);

				//点击波纹效果
				float2 uv = v.uv;
				float dis = distance(uv,float2(0.5,0.5));//距离中心点位置
				float scale=0;
				//if(dis<_R)
				{
					_A *=saturate(1-dis/_R);
					scale = _A*sin(-dis*3.14*_F + _Time.y);
					uv =uv + uv*scale;
				}
				fixed4 col = tex2D(_MainTex, uv) + fixed4(1,1,1,1)*saturate(scale)*100;
				return col;
			}
			ENDCG
		}
	}
}