【Shader特效】—— 音符跳动

  之前在看B站上看到unity官方用Shader Graph做的一个模型随音乐跳动的教程,想着直接用Shader代码实现一下吧,最后实现效果如下,配合之前的烟花效果,还有点KTV的感觉。示例工程和c#脚本在Shader学习笔记
在这里插入图片描述

Shader代码

  里面大部分代码都跟这个效果没啥关系,关键代码就两行,顶点着色器中的取随机数和顶点偏移,shader写完之后,c#脚本通过采集声音信息给shader的_Intensity赋值就可以实现上面的效果。还可以通过判断Intensity的大小来确定是否显示烟花特效。

// 音符跳动

Shader "XDEDZL/Note Bounce"
{

	Properties{
		_Color("Color Tint", Color) = (1,1,1,1)
		_MainTex("Main Tex", 2D) = "white" {}
		_Specular("Specular",Color) = (1,1,1,1)
		_Gloss("Gloss",Range(8.0,256)) = 20
        _Intensity("Intensity",Float) = 1
	}

	SubShader{
		Pass{
			// 光照模式
			Tags{"LightMode" = "ForwardBase"}

			CGPROGRAM

			#pragma vertex vert
			#pragma fragment frag
			#include "Lighting.cginc"

			fixed4 _Color;
			sampler2D _MainTex;
			// 纹理名_ST声明某个纹理的属性,.xy是缩放.zw是偏移
			float4 _MainTex_ST;
			fixed4 _Specular;
			float _Gloss;
            float _Intensity;
			 
			struct a2v {
				float4 vertex : POSITION;
				float4 normal : NORMAL;
				float4 texcoord : TEXCOORD0;
			};

			struct v2f {
				float4 pos : SV_POSITION;
				float3 worldNormal : TEXCOORD0;
				float3 worldPos : TEXCOORD1;
				float2 uv : TEXCOORD2;
			};

			v2f vert(a2v v) {
				v2f o;
                //v.vertex += v.normal * 1;
                float offset = frac(sin(dot(v.vertex.xy + _Time.xy, (12.9898,78.233))) * 43758.5453) * _Intensity;
                v.vertex += v.normal * offset;
				o.pos = UnityObjectToClipPos(v.vertex);
				o.worldNormal = UnityObjectToWorldNormal(v.normal);
				o.worldPos = mul(unity_ObjectToWorld, v.vertex).xyz;
				o.uv = TRANSFORM_TEX(v.texcoord,_MainTex);  // 内置函数实现了上面注释的算法

				return o;
			}

			fixed4 frag(v2f i) : SV_Target{
				fixed3 worldNormal = normalize(i.worldNormal);
				fixed3 worldLightDir = normalize(UnityWorldSpaceLightDir(i.worldPos));

				// tex2D获取纹理对应坐标的纹素值
				fixed3 albedo = tex2D(_MainTex,i.uv).rgb * _Color.rgb;
				fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz * albedo;  // 环境光照
				fixed3 diffuse = _LightColor0.rgb * albedo * max(0,dot(worldNormal,worldLightDir)); // 漫反射光照

				fixed3 viewDir = normalize(UnityWorldSpaceViewDir(i.worldPos));
				fixed3 halfDir = normalize(worldLightDir + viewDir);
				fixed3 specular = _LightColor0.rgb * _Specular.rgb * pow(max(0,dot(worldNormal,halfDir)),_Gloss);  // 高光反射光照
				return fixed4(ambient + diffuse + specular, 1.0);
			}

			ENDCG
		}
	}
	Fallback "Specular"
}

Shader 火焰特效是一种使用计算机编程语言创建的图形效果,用于模拟和渲染逼真的火焰效果。 在火焰特效的实现中,常用的算法是基于渲染器的片段着色器来实现的。片段着色器是一种运行在GPU上的小型程序,用于在3D场景中为每个像素计算颜色。为了创建火焰特效,首先需要确定火焰的外观和表现。这通常包括火焰的形状、颜色、透明度、移方式等。 接下来,通过在片段着色器中编写代码来模拟火焰特性。为了实现逼真的火焰效果,通常使用了一些技术,如噪声函数、渐变颜色、纹理映射等。其中,噪声函数用于产生随机性,使火焰看起来更加真实。渐变颜色可用于模拟火焰的温度和亮度变化,以及火焰的内部和外部区域。纹理映射技术可以将纹理图像应用于火焰效果,使其更加有质感。 在实现火焰特效时,还需要考虑火焰的运方式。可以通过改变火焰的位置、大小、形状和颜色来模拟火焰的燃烧过程。通常使用的方法包括控制火焰的粒子系统、粘滞性和湍流效应等。 最后,通过调整参数和优化代码,可以改进火焰特效的性能和实时渲染效果。这包括调整渲染器的设置、使用快速数学运算方法和适当的近似算法等。 总之,Shader 火焰特效是通过编程语言在GPU上计算出每个像素的颜色,来模拟和渲染逼真的火焰效果。通过使用噪声函数、渐变颜色、纹理映射等技术,结合火焰的运方式,可以创建出更加逼真和有趣的火焰特效
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值