1. 项目概述为什么我们需要一个动态扫光Shader在游戏和交互式应用开发中视觉引导和氛围营造是提升沉浸感的关键。想象一下在一个昏暗的遗迹场景里玩家需要找到隐藏的开关或者在一个科幻基地中需要突出显示某个重要的控制台。静态的灯光或贴图往往显得呆板而一个动态的、方向可控的扫光效果就像一束探照灯划过物体表面能瞬间抓住玩家的注意力清晰地传达“看这里”的信息。这就是我们今天要深入探讨的“Unity动态扫光Shader”的核心价值。它不仅仅是一个简单的发光效果。一个优秀的动态扫光Shader需要解决几个核心问题如何让光线“动”起来如何让光带的方向可以被灵活控制而不仅仅是水平或垂直如何让效果在不同形状、不同材质的模型上都能正确、美观地呈现这背后涉及到Shader编程中对模型空间、世界空间的理解对UV坐标的巧妙运用以及对光照计算和混合模式的精准控制。对于Unity开发者尤其是技术美术和图形程序员来说掌握这套从基础到优化的实现路径意味着你能为项目注入更高级、更灵活的视觉语言而不仅仅是调用Asset Store里的现成插件。2. 核心原理与设计思路拆解2.1 扫光效果的图形学本质扫光效果在图形学上可以理解为一种基于特定“遮罩”的、随时间或外部参数变化的“高光叠加”。它通常不参与复杂的光照模型如PBR而是作为一种后期或表面着色特效存在。其核心原理可以分解为三个步骤生成光带遮罩我们需要在物体表面定义一个区域这个区域就是光带扫过的范围。最直观的方法是利用模型的UV坐标。例如我们可以定义一个从0到1的线性渐变当某个参数如时间变化时这个渐变区域在UV的U方向或V方向上移动从而模拟光带的移动。定义光带外观光带不是一条生硬的线。它通常具有平滑的边缘衰减和明亮的核心。这可以通过一个平滑的函数来实现比如smoothstep函数。smoothstep(a, b, x)会在x处于a和b之间时返回一个从0到1的平滑插值。我们可以用它来创建光带从无到有再到无的平滑过渡。与表面颜色混合生成的光带强度值一个0到1的标量需要与物体原本的颜色进行混合。常用的混合模式是“加法混合”Additive即最终颜色 原颜色 扫光颜色 * 扫光强度。这种混合模式能让扫光效果在暗部也非常醒目且不会覆盖原有纹理细节。2.2 从“固定方向”到“方向可调”的思维跃迁最基础的扫光Shader往往只支持沿着模型的UV的U轴或V轴方向运动。这实现简单但局限性巨大。一旦模型的UV布局不规则或者美术希望光带以任意角度扫过基础版本就无能为力。实现“方向可调”的核心思路是将方向问题转化为一个数学上的“点积”或“投影”问题。我们不再拘泥于U或V坐标而是将模型表面的每个点在某种空间下如模型空间或世界空间投影到我们期望的光带方向上。具体来说定义方向向量我们引入一个二维向量_SweepDir来表示光带扫过的方向。例如(1, 0) 代表水平方向(0, 1) 代表垂直方向(0.707, 0.707) 则代表45度角方向。这个向量可以从脚本传入实现动态控制。计算投影坐标对于表面上的任意一点我们获取它的位置坐标比如模型空间下的vertex.xz或世界空间下的worldPos.xz取决于你想要基于物体自身还是世界坐标进行扫光。然后计算该位置向量与方向向量_SweepDir的点积。点积的几何意义就是一个向量在另一个向量方向上的投影长度。float projection dot(positionXZ, _SweepDir);基于投影坐标生成光带现在我们有了一个标量projection它代表了该点在光带方向上的“位置”。接下来我们用一个随时间移动的“阈值”与这个投影值进行比较并用smoothstep生成平滑的光带强度。这和基础版中使用U坐标的逻辑完全一样只是坐标轴从固定的U变成了可自定义的“投影轴”。这种设计将方向与UV解耦使得扫光效果不再受模型UV排布的影响实现了真正的全方位自由控制。注意空间选择是关键决策点。使用模型空间坐标扫光效果会跟随物体旋转而旋转适合附着在角色或道具上的特效。使用世界空间坐标扫光效果在世界中是固定的适合场景环境光效。你需要根据具体需求决定。3. 基础版动态扫光Shader实现详解让我们先搭建一个最基础的、沿U方向扫光的Shader这是理解所有复杂变体的基石。我们将使用Unity的ShaderLab语言和HLSL/GLSL CG代码片段。3.1 Shader结构与属性定义我们创建一个Unlit类型的Shader因为它不依赖场景灯光更容易控制。Shader Custom/SweepLight_Basic { Properties { _MainTex (主纹理, 2D) white {} _Color (基础颜色, Color) (1,1,1,1) // 扫光相关属性 _SweepColor (扫光颜色, Color) (1, 0.8, 0.2, 1) // 通常设为暖色调如橙黄色 _SweepWidth (扫光宽度, Range(0.01, 0.5)) 0.1 _SweepSpeed (扫光速度, Float) 1.0 _SweepSoftness (边缘柔化, Range(0.001, 0.3)) 0.05 } SubShader { Tags { RenderTypeOpaque } LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc // 属性变量声明... // 顶点和片段着色器... ENDCG } } }3.2 顶点与片段着色器核心逻辑在顶点着色器中我们主要完成标准的坐标变换和UV传递。struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); // 模型空间到裁剪空间 o.uv v.uv; // 传递UV return o; }片段着色器是核心。我们计算一个基于时间和U坐标的光带强度。sampler2D _MainTex; float4 _MainTex_ST; // 纹理的缩放偏移 fixed4 _Color; fixed4 _SweepColor; float _SweepWidth; float _SweepSpeed; float _SweepSoftness; fixed4 frag (v2f i) : SV_Target { // 采样主纹理 fixed4 col tex2D(_MainTex, i.uv) * _Color; // 基础扫光计算 // 1. 计算光带中心位置随时间在[0, 1宽度]区间内循环移动 float sweepCenter frac(_Time.y * _SweepSpeed) * (1.0 _SweepWidth); // 2. 计算当前片元U坐标与光带中心的距离 float distanceToCenter abs(i.uv.x - sweepCenter); // 3. 使用smoothstep创建平滑的光带。 // 当distanceToCenter小于宽度/2 - 柔化值时强度为1。 // 当distanceToCenter大于宽度/2 柔化值时强度为0。 // 在中间区间平滑过渡。 float halfWidth _SweepWidth * 0.5; float sweepFactor 1.0 - smoothstep(halfWidth - _SweepSoftness, halfWidth _SweepSoftness, distanceToCenter); // 4. 混合颜色将扫光颜色以加法形式叠加到原色上 col.rgb _SweepColor.rgb * sweepFactor * _SweepColor.a; // 乘以Alpha控制强度 return col; }这个基础版本已经可以实现一个在物体表面水平往复扫动的光带。通过调整_SweepSpeed可以控制快慢_SweepWidth控制光带粗细_SweepSoftness控制边缘硬度。实操心得关于frac(_Time.y)的妙用。_Time.y是自游戏开始以来的秒数是一个持续增大的值。frac()函数取它的小数部分结果永远在 [0, 1) 区间内循环。这是实现循环动画如扫光、旋转、脉动最常用、最高效的技巧之一。用frac(_Time.y * _Speed)来控制动画相位完美契合从0到1的UV空间或比例空间。4. 方向可调优化方案深度解析现在我们来攻克核心难题让扫光方向自由可控。我们将基于模型空间来实现这样效果会附着在物体上。4.1 在模型空间下计算方向投影首先在属性块中添加方向控制参数_SweepDir (扫光方向 (XY), Vector) (1, 0, 0, 0)这里我们用Vector的X和Y分量来构成二维方向向量。Z和W分量预留可用于未来扩展如控制倾斜角度。接着修改数据结构从顶点着色器向片段着色器传递模型空间下的水平位置XZ坐标因为我们通常做地面或物体表面的水平扫光忽略Y轴高度。struct v2f { float2 uv : TEXCOORD0; float3 modelPos : TEXCOORD1; // 新增模型空间顶点位置 float4 vertex : SV_POSITION; }; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv v.uv; o.modelPos v.vertex.xyz; // 直接传递模型空间坐标 return o; }然后在片段着色器中实现方向逻辑float2 _SweepDir; // 声明方向属性 fixed4 frag (v2f i) : SV_Target { fixed4 col tex2D(_MainTex, i.uv) * _Color; // --- 方向可调扫光核心计算 --- // 1. 获取模型空间XZ坐标忽略Y轴实现水平扫光 float2 horizontalPos float2(i.modelPos.x, i.modelPos.z); // 2. 归一化方向向量确保其长度为1避免速度受方向模长影响 float2 normalizedDir normalize(_SweepDir); // 3. 计算投影点积得到该点在光带方向轴上的标量位置 float projection dot(horizontalPos, normalizedDir); // 4. 将投影值重新映射到一个合适的范围例如0到1。 // 因为模型坐标可能很大或很小直接使用会导致光带位置不可控。 // 这里我们做一个简单的线性映射假设模型在XZ平面大致位于[-1,1]的范围内。 // 更健壮的做法是传入一个_SweepRange参数来手动控制。 float remappedProj (projection 1.0) * 0.5; // 将[-1,1]映射到[0,1] // 5. 计算移动的光带中心与基础版类似但作用于重映射后的投影值 float sweepCenter frac(_Time.y * _SweepSpeed) * (1.0 _SweepWidth); // 6. 计算距离并生成光带因子 float distanceToCenter abs(remappedProj - sweepCenter); float halfWidth _SweepWidth * 0.5; float sweepFactor 1.0 - smoothstep(halfWidth - _SweepSoftness, halfWidth _SweepSoftness, distanceToCenter); col.rgb _SweepColor.rgb * sweepFactor * _SweepColor.a; return col; }现在你可以在材质面板中修改_SweepDir的X和Y值。例如设置为(1,0)是左右扫(0,1)是前后扫(1,1)是45度角扫。通过脚本动态修改这个向量就能实现光带跟随某个目标旋转等高级效果。4.2 处理投影范围的常见问题与优化上面的代码有一个潜在问题remappedProj (projection 1.0) * 0.5这个映射是基于“模型坐标大致在[-1,1]”的假设。如果模型非常大比如一个地面网格或者原点不在中心这个映射就会出错导致光带只出现在模型的一小部分或者根本看不见。解决方案是引入一个“范围重映射”参数。我们可以在脚本中计算模型在扫光方向上的实际投影范围然后动态设置给Shader。在Shader中添加范围参数_SweepMin (投影最小值, Float) -1 _SweepMax (投影最大值, Float) 1在片段着色器中替换重映射计算// 更健壮的重映射函数将值从[min, max]区间线性映射到[0,1] float remap(float value, float minOld, float maxOld, float minNew, float maxNew) { return (value - minOld) / (maxOld - minOld) * (maxNew - minNew) minNew; } float remappedProj remap(projection, _SweepMin, _SweepMax, 0.0, 1.0);编写C#脚本自动计算范围using UnityEngine; [RequireComponent(typeof(Renderer))] public class SweepLightController : MonoBehaviour { public Vector2 sweepDirection Vector2.right; private MaterialPropertyBlock _propBlock; private Renderer _renderer; void Start() { _renderer GetComponentRenderer(); _propBlock new MaterialPropertyBlock(); CalculateAndSetSweepRange(); } void CalculateAndSetSweepRange() { MeshFilter mf GetComponentMeshFilter(); if (mf null || mf.sharedMesh null) return; Vector3[] vertices mf.sharedMesh.vertices; float minProj float.MaxValue; float maxProj float.MinValue; Vector2 dirNormalized sweepDirection.normalized; // 遍历所有顶点计算在方向上的投影找出最小和最大值 foreach (Vector3 vert in vertices) { Vector2 horizontalVert new Vector2(vert.x, vert.z); float proj Vector2.Dot(horizontalVert, dirNormalized); minProj Mathf.Min(minProj, proj); maxProj Mathf.Max(maxProj, proj); } // 通过MaterialPropertyBlock设置避免创建新的材质实例 _renderer.GetPropertyBlock(_propBlock); _propBlock.SetVector(_SweepDir, new Vector4(sweepDirection.x, sweepDirection.y, 0, 0)); _propBlock.SetFloat(_SweepMin, minProj); _propBlock.SetFloat(_SweepMax, maxProj); _renderer.SetPropertyBlock(_propBlock); } // 如果方向需要运行时改变可以再次调用此方法 public void UpdateDirection(Vector2 newDir) { sweepDirection newDir; CalculateAndSetSweepRange(); } }这个脚本在Start时自动计算模型顶点在给定方向上的投影范围并设置到材质中确保了光带能完整覆盖整个模型无论其大小和位置如何。这是实现鲁棒性方向扫光的关键一步。注意事项性能与精度。在顶点数极高的模型上每一帧都计算范围是不可取的。通常只需在初始化或方向改变时计算一次。对于动态变形的模型如蒙皮网格可能需要每帧更新此时应考虑优化比如只计算包围盒的八个角点而不是所有顶点。5. 高级功能扩展与视觉增强一个基础可用的Shader是第一步但要投入生产环境我们还需要考虑更多的视觉效果和实用性扩展。5.1 添加噪声扰动与纹理遮罩纯粹平滑的光带有时看起来过于“CG感”和单调。我们可以引入噪声纹理来扰动光带的宽度、强度或运动使其看起来更自然像真实的光线穿过不均匀的介质。采样噪声纹理在属性中添加一张噪声贴图。_NoiseTex (噪声贴图, 2D) white {} _NoiseStrength (噪声强度, Range(0, 0.5)) 0.1 _NoiseSpeed (噪声流动速度, Float) 0.5扰动光带计算在片段着色器中用噪声值去扰动sweepCenter或distanceToCenter。// 采样噪声使用不同的UV如世界坐标XY和随时间偏移避免静态 float2 noiseUV i.modelPos.xz * 0.1 _Time.y * _NoiseSpeed; float noise tex2D(_NoiseTex, noiseUV).r; // 取单通道 noise noise * 2.0 - 1.0; // 从[0,1]映射到[-1,1] // 用噪声扰动光带中心位置 float perturbedCenter sweepCenter noise * _NoiseStrength; float distanceToCenter abs(remappedProj - perturbedCenter);此外还可以添加一张遮罩纹理Mask Texture用于控制哪些区域可以出现扫光。例如一张灰度图白色区域允许扫光黑色区域禁止。只需在最终叠加前乘以遮罩值即可。float mask tex2D(_MaskTex, i.uv).r; sweepFactor * mask; // 应用遮罩5.2 实现边缘衰减与菲涅尔效应为了让扫光在物体的边缘尤其是侧面也能有良好的表现我们可以引入基于视角的衰减。简单来说就是当视线与物体表面法线夹角越大看侧面时扫光效果减弱。传递世界法线和视角方向需要在顶点着色器中计算。struct v2f { ... // 其他变量 float3 worldNormal : TEXCOORD2; float3 worldViewDir : TEXCOORD3; }; v2f vert (appdata v) { ... o.worldNormal UnityObjectToWorldNormal(v.normal); o.worldViewDir WorldSpaceViewDir(v.vertex); // 指向相机的向量 return o; }计算菲涅尔因子在片段着色器中使用dot(N, V)。float3 worldNormal normalize(i.worldNormal); float3 worldViewDir normalize(i.worldViewDir); float fresnel 1.0 - saturate(dot(worldNormal, worldViewDir)); // 侧面值大正面值小 // 可选对fresnel进行幂运算控制衰减曲线 fresnel pow(fresnel, _FresnelPower);应用衰减sweepFactor * fresnel; // 或者 (fresnel * 0.5 0.5) 来保留正面部分效果这样扫光在物体正面中心会最强在侧面边缘会自然衰减视觉效果更加立体和真实。5.3 性能优化要点Shader效果再酷炫如果性能拖后腿也是白搭。对于移动平台或大量使用的效果优化至关重要。精度优化在片段着色器中对于颜色计算使用fixed或half精度通常足够比float更快。但方向、投影等关键计算建议仍用float保证精度。减少纹理采样噪声贴图和遮罩贴图如果非必要可以不用。如果要用考虑将它们合并到一张贴图的不同通道如RGBA一次采样读取多个数据。简化计算normalize和pow运算开销较大。如果方向向量由脚本传入并保证已归一化Shader里就可以省去normalize(_SweepDir)。菲涅尔的幂运算可以用近似的查找表或更低次幂。使用Shader LOD在SubShader中设置不同的LOD级别当相机远离时使用计算更简单的简化版本Shader。针对平台编译使用#pragma target 3.0或更低的着色器模型以确保更好的兼容性。对于不需要的功能如噪声、菲涅尔可以使用#ifdef和#pragma shader_feature来制作变体让美术根据需要开启或关闭。6. 实战应用与问题排查实录理论最终要服务于实践。下面分享几个将动态扫光Shader应用到实际项目中的场景以及我踩过的一些坑和解决方案。6.1 应用场景举例游戏内交互提示在一个解谜游戏中当玩家靠近一个可互动的古老石碑时启动扫光Shader光带沿着石碑上的符文轨迹移动清晰提示玩家这是可调查物体。通过脚本控制_SweepSpeed和_SweepColor可以在玩家触发时让光带加速并变亮增强反馈。场景氛围营造在一个科幻飞船的走廊里墙壁上的条形灯带使用方向扫光Shader模拟灯光依次点亮或扫描的效果。将方向设置为垂直速度调慢颜色设为冷蓝色瞬间营造出科技感和纵深感。角色技能特效为某个英雄设计一个“扫描”技能。技能释放时一个半透明的球体罩住敌人球体表面使用方向扫光Shader光带从球体底部旋转扫向顶部表示正在分析敌人弱点。通过脚本动态旋转_SweepDir向量即可实现。6.2 常见问题排查表问题现象可能原因排查与解决方案扫光效果完全看不见1. 投影计算错误remappedProj始终在 [0,1] 范围外。2._SweepMin和_SweepMax设置错误导致映射后所有值接近0或1。3. 扫光颜色_SweepColor的Alpha值为0或太小。4. 模型UV有问题或者使用了错误的坐标空间。1. 在片段着色器开头输出remappedProj到颜色如return float4(remappedProj,0,0,1);检查其值是否在0~1间合理变化。2. 检查脚本计算的_SweepMin/Max值或手动在材质面板调整看效果。3. 确保_SweepColor.a大于0。4. 换一个标准模型如Cube测试确认Shader本身无误。光带位置不对或闪烁1. 没有对_SweepDir进行归一化 (normalize)导致投影值受向量长度影响动画速度异常。2. 使用_Time.y但游戏时间缩放 (Time.timeScale) 为0。3. 模型顶点坐标范围极大导致frac(_Time.y * _Speed)的循环周期相对于模型尺寸太快看起来在闪烁。1. 确保在Shader中或传入前对方向向量进行了归一化。2. 使用_Time.y是受时间缩放影响的。如果需要独立时间可以使用_SinTime.w或自己维护一个_UnscaledTime变量。3. 使用前面介绍的“范围重映射”方法将投影值映射到固定的[0,1]区间彻底解算效果与模型尺寸的耦合。效果在模型接缝处断裂使用了模型空间坐标但模型在建模软件中被分割成多个部分接缝处的顶点虽然位置相同但可能被复制导致模型空间坐标不连续。考虑切换到世界空间坐标进行计算。修改顶点着色器传递worldPos.xz而不是modelPos.xz。这样只要物体在世界上是连续的效果就是连续的。代价是效果会随物体移动而移动且需要处理物体旋转。移动设备上帧率下降Shader计算过于复杂特别是每像素进行了多次纹理采样、pow、normalize等操作。实施第5.3节的性能优化建议。首要任务是减少或去除噪声纹理采样。其次检查是否真的需要菲涅尔效果。使用Shader性能分析工具如Unity Frame Debugger或平台专用工具定位瓶颈。6.3 一个实用的调试技巧当Shader效果不符合预期时最有效的调试方法是“可视化中间变量”。在片段着色器中临时将你想查看的中间变量如projection,remappedProj,sweepFactor等直接作为颜色输出。例如想查看投影值是否覆盖了整个模型// 调试代码将重映射后的投影值可视化为灰度色 return float4(remappedProj, remappedProj, remappedProj, 1.0); // 正常代码 // fixed4 col tex2D(_MainTex, i.uv) * _Color; // ...如果模型显示从纯黑到纯白的渐变说明投影计算和重映射是正确的。如果只有一片灰色或颜色不变说明计算有误。这是一个图形编程中百试百灵的“printf调试法”。从最基础的UV动画到灵活的方向控制再到生产级的健壮性和优化实现一个高质量的动态扫光Shader是一个层层递进的过程。关键在于理解其图形学本质——基于方向投影的遮罩动画。掌握了这个核心你不仅可以做出扫光还可以举一反三创造出光束扫描、雷达波、能量护盾边缘流动等各种各样的动态效果。Shader的世界就是如此一个简单的公式通过不同的输入和组合能创造出无限的可能。最后别忘了多动手实验参数调一调代码改一改很多灵感就藏在那些“意外”的结果里。
