本章节学习目标：

  • 学习案例制作边缘光+流光

  • 熟悉Unity ASE工具的使用

环境配置：

对于ASE插件的简述：

Unity ASE（Amplify Shader Editor）是一个强大的着色器编辑插件，专为Unity开发者设计，帮助用户轻松创建和编辑复杂的着色器，以实现更好的图形效果。其作用是将shader图形化编辑。

  • 付费

  • 满大街破解版，学习环境可观

  • 能够与Unity的多种渲染管线兼容，包括标准渲染管线、URP（通用渲染管线）和HDRP（高清渲染管线）等，适用于不同类型的Unity项目

一、UnityASE面板详解

img

二、常用节点和常用快捷键

三、案例内容知识点分解

1、UnityShaderASE的实现效果

  • 混合模式内容的涉及

  • 贴图叠加的内容涉及

  • time节点的引用

（1）边缘光效果的实现

image-20250115155737525

image-20250115160130726

  • 模型世界法线和相机法线点乘之后的值在（1，-1）之间需要进行值约束【Clamp】

  • 使用Smoothstep节点控制边缘和中心的羽化值

  • Alpha值的范围再【0-1】，使用之前可以使用Clamp节点进行约束

（2）流光效果的实现

image-20250115160407514

  • 流动流光相对位置的实现【世界位置的xy-模型所在位置】Transform Position节点表示模型当前位置

  • UV流动效果的使用，使用Time节点实现，并用乘法控制其速度

  • UV流动需要用的是Add

（3）基础色

image-20250115160613020

2、UnityShader代码实现效果

image-20250121144311048

（1）获取参数

  1. 获取World Normal（模型世界空间下的法线）

    
struct v2f
{
	float3 normal_world :TEXCOORD1;
}
v2f vert (appdata v)
{
	v2f o;
	o.vertex = UnityObjectToClipPos(v.vertex);
	//计算世界空间下的法线
	float3 normal_world = mul(float4(v.normal,0.0),_WorldToObject).xyz;
	o.normal_world = normalize(normal_world);
	return o;

}

fixed4 frag (v2f i) : SV_Target
{
	//声明世界空间法线值并赋值切归一化。（只需要方向不需要长度）
	float3 normal_world = normalize(i.normal_world);
}

  2. 获取World Position （模型世界位置）

    
struct v2f
{
	float3 pos_world :TEXCOORD1;
}
v2f vert (appdata v)
{
	v2f o;
	o.vertex = UnityObjectToClipPos(v.vertex);
	//计算世界空间位置(模型空间转世界空间)
	float3 pos_world = mul（unity_ObjectToworld,v.vertex).xyz;
	return o;

}

fixed4 frag (v2f i) : SV_Target
{
	//声明世界空间法线值并赋值切归一化。（只需要方向不需要长度）
	float3 normal_world = normalize(i.normal_world);
}

  3. 获取View Dir （摄像机的法线）

    
struct v2f
{
	float3 pos_world :TEXCOORD1;
}
v2f vert (appdata v)
{
	v2f o;
	o.vertex = UnityObjectToClipPos(v.vertex);
	//计算世界空间位置(模型空间转世界空间)
	float3 pos_world = mul（unity_ObjectToworld,v.vertex).xyz;
	return o;

}

fixed4 frag (v2f i) : SV_Target
{
	//声明世界空间法线值并赋值切归一化。（只需要方向不需要长度）
	float3 normal_world = normalize(i.normal_world);
	//计算视线的方向(_WorldSpaceCameraPos.xyz,为世界空间下摄像机的位置)
	float3 view_world = _WorldSpaceCameraPos.xyz - i.pos_world;
}
（1）边缘光效果的实现

  • 模型世界空间下的法线和视线方向做点积（显示的是点积结果越接近0的越白，越接近黑的越暗）

  • 反向（只让边缘发光）

  • 控制边缘和中心的渐变范围（Smoothstep）

（2）流光效果的实现

  • 采样一张流光贴图（需要的图案内容，渐变纹理最佳）

  • 流光需求是从上至下（需要将模型UV改成世界位置的xy）

（3）贴图合并

  • 乘法融合更多是正片叠低，并且清除黑色部分

  • 加法融合式保留两个图片的内容进行相加

  • Lerp融合可以根据Alpha值控制第一个值和第二个值依次受白色或者黑色影响