看到这个标题我第一反应是这又是件“看着简单、拆开全是知识点”的Shader活。Unity Shader里的描边、颜色插值、流光扫描效果单独拎出来都不算难可放在同一个效果里还要跑得流畅、视觉不生硬就需要把方案选型和渲染顺序都想清楚再动手。这个效果的典型画面是画面中目标物体的边缘亮起一圈轮廓随后一条高光带沿着物体表面扫过去扫过的区域颜色从边缘色渐变成核心色看起来就像有什么设备正在“读取”这个物体。我做这类效果最常碰到的场景是解谜提示、BOSS技能预警和科幻项目的扫描仪交互。这类需求对画面要求其实不高核心考的是三个东西描边能不能准确贴合物体边缘、扫描带移动节奏是否舒服、颜色插值能不能做出“流光的质感”而不是一道生硬的纯白条。这篇文章就围绕这三件事拆开讲顺便把手上的完整代码和调参经验一起放出来。适合Unity初中级开发者、想快速给项目加扫描特效、或者正在研究后处理Shader的朋友照着抄一遍基本能用。1. 效果拆解描边、颜色插值、流光扫描到底在做什么1.1 三个关键词不是并列关系是递进关系标题里的三个关键词很多人容易理解成“三选一”其实它们是层层叠加的先要有描边让目标从画面里“跳”出来接着要有颜色插值让描边和高光带之间产生自然的颜色过渡最后才是流光扫描让高光带在时间维度上动起来。顺序不能乱因为每一层都在给上一层提供视觉基础。描边解决的是“哪里亮”的问题。没有描边时即使扫描带扫过物体观众也很难第一时间锁定目标尤其是物体本身颜色和背景接近的时候有了描边目标轮廓像被荧光笔圈了一圈注意力瞬间被拉过去。颜色插值解决的是“亮成什么样”的问题。很多新手做扫描高光直接给一个纯白色叠加上去结果物体会像被打了一束刺眼的聚光灯。颜色插值则是把描边色、核心色、扫描带颜色放在同一个渐变体系里让亮的部分有层次边缘偏冷色中心偏暖色扫描带经过时颜色从外圈的冷色自然“流”向内部的暖色。流光扫描解决的是“什么时候亮”的问题。它本质是时间驱动的空间变化把一条静态的渐变带变成周期性移动的扫描线让效果从“一张图”变成“一段动画”。三者合在一起才是标题那句完整描述呈现的视觉效果。1.2 这个效果在哪些场景里值得用我实际用过并且觉得值得用的场景大致有这几类解谜游戏里的线索高亮扫描带扫过一个机关或者雕像提示玩家“这个物体有东西”。这种情况适合慢速扫描宽度偏大颜色用偏冷调的科技蓝或青色。科幻战斗的技能预警敌人被锁定瞬间边缘亮起红色描边一道高光带由上到下扫过全身提示即将受到攻击。适合快速扫描扫描带要窄且亮。任务引导和剧情演出新场景里需要玩家看到某个装置或钥匙位置用扫描效果做一次“登场高亮”比单纯的箭头提示更有沉浸感。适合中等速度颜色可以做得鲜艳一点。数据可视化或“读取”类交互比如角色用扫描仪检查物品被扫描物体会从下往上“刷新”颜色好像正在被读取。这种场景扫描带比较宽且颜色插值要细腻。每个场景对参数的要求差异不小。比如速度慢到每3秒扫完一次看起来就是“柔和读取”速度快到每秒扫两次以上视觉上会更接近“警示锁定”。所以后面调参部分我会给出推荐区间但实际数值一定要根据你的项目节奏去试。1.3 整体技术路线先画个轮廓这条路线的主干很清晰用后处理Shader把“描边”和“流光扫描”放进同一个片元着色器里用相机深度纹理作为描边和世界坐标重建的共同来源。具体来说C#端准备一张材质挂到相机脚本上Shader端在片元着色器里做三件事采样深度纹理并做Sobel边缘检测得到描边强度根据深度值重建像素的世界坐标再通过世界坐标算扫描带位置最后用颜色插值把描边色、核心色、扫描带颜色融合到原图上输出。整个过程没有额外的几何体也没有多Pass渲染target一个全屏Shader就搞定了。为什么要用深度纹理作为主心骨因为它同时提供了物体的轮廓信息和空间深度信息描边和扫描可以共用一套数据源代码量小渲染顺序也很简单。如果你的项目是Built-in渲染管线直接开相机Depth模式就能用如果是URP需要额外开启Depth Normals相关的配置。这个迁移细节后面有专门一节。2. 方案选型为什么最终选了深度边缘检测后处理2.1 描边方案横向对比后处理、菲涅尔、顶点膨胀凡是做过描边的人应该都知道“描边”不是只有一种做法。这里我把主流方案放在一起比过差异很明显。方案原理优点缺点适用场景深度后处理描边对比像素与邻域深度差差异大判定为边缘对任意物体类型都有效能描出硬边轮廓需要深度纹理处理深度接近的物体时会漏边全屏扫描、任意物体高亮法线后处理描边对比法线方向差异转折处判定为边缘对平滑曲面的转折更敏感法线变化小的平面会漏边需要保留内部棱线时菲涅尔模型描边视线与法线夹角越大越亮无需后处理单Pass实现性能好只能描曲面边缘硬边模型效果差单个角色或道具材质顶点膨胀描边顶点沿法线外扩再渲染背面卡通描边常用轮廓粗壮需要多Pass或额外模型复制不适合全屏卡通渲染、角色描边标题既然写“描边加颜色插值实现流光扫描”说明描边是作为扫描效果的一部分出现的。这种情况下我不建议用菲涅尔因为你要扫描的不一定是曲面角色还可能是门、箱子、柱子这些硬边模型菲涅尔对硬边基本无效。顶点膨胀方案适合刻意让轮廓“粗”的程度但和扫描带这种精细效果放在一起会显得很突兀。所以最稳的选择就是深度后处理描边对模型类型无要求硬边软边都能抓后续颜色插值也在同一个后处理流程里完成。有一点需要提醒纯深度后处理在物体前后重叠、深度差很小时会漏边缘比如白墙上贴了一张白色海报深度差不够就会看不出来。如果项目里大量存在这种“同一平面上的不同物体”可以叠加法线后处理一起判断代价是额外采样法线纹理。2.2 扫描带坐标空间用世界坐标而不是UV坐标扫描带本质上是一条在空间里移动的高光线。关键问题是这条线的位置该用什么坐标来算最容易想到的方案是用屏幕UV坐标比如让高光带从屏幕左侧扫到右侧。这种方案实现起来极简但问题很明显当相机旋转或物体在屏幕上的位置变化时扫描带会跟着画面晃动看起来不是“扫描物体”而是“扫描屏幕”。另外物体离相机远时在屏幕上的UV跨度变小同一根扫描带扫过一个远处物体时速度会变快视觉上不稳定。我用的方案是世界坐标扫描。原理不复杂从深度纹理重建出每个像素的世界坐标然后用世界坐标与扫描方向向量做点积得到一个沿扫描方向递增的标量值。这个值再配合时间做周期取模就能定义扫描带的位置。因为世界坐标是稳定的不受相机旋转和物体缩放影响扫描带始终沿着物体真实的空间方向移动观感会扎实很多。代价也很明确片元着色器里必须做一次深度到世界坐标的逆变换稍微多几行代码。好在后处理本来就是全屏操作这点开销在可接受范围内。我个人非常不推荐为了省这步改用UV扫描除非你的场景锁定横版固定镜头。2.3 颜色插值怎么做出“流光”而不是“普通高光”很多人把颜色插值理解为“混合两种颜色”这个理解没错但放到流光效果里重点在于插值的位置和插值的权重曲线。扫描带内部并不是一个均匀颜色的光条。我实现时把扫描带分成一个渐变区间带中心颜色最亮接近核心色带边缘颜色偏暗接近描边色。也就是说扫描带扫到某个物体表面时看起来是“描边颜色先流过来核心颜色随后跟上来”这种前后的颜色递推关系就是流光感的来源。数学上用的就是最普通的lerp颜色 lerp(描边色, 核心色, 带内强度)。关键不在lerp本身而在于“带内强度”这个权重怎么算。如果直接用线性权重扫描带边缘会很生硬我会把权重再做一次smoothstep让两侧柔和过渡中心更突出。再加上一个可调的扫描亮度参数整体看起来才会像光在流动而不是一块移动的面片。还有一个细节不要忽略描边本身参与颜色插值。扫描带经过物体轮廓时描边会被扫描带的颜色叠加增强于是轮廓也随着扫描节奏被“点亮”一下这种联动能让整个效果更完整。很多人只关注扫描带内部漏了边缘联动效果会显得两者是分离的。3. 核心实现一个Shader同时完成描边和扫描3.1 开启深度纹理并挂载后处理脚本先做准备工作。Built-in管线下后处理最好写在OnRenderImage里这个时机正好在所有物体渲染完之后、画面输出之前。要让Shader能够访问深度纹理必须在相机上开启Depth Texture模式。C#脚本里就是一行代码的事using UnityEngine; [RequireComponent(typeof(Camera))] public class ScanFlowEffect : MonoBehaviour { [SerializeField] private Material scanMaterial; private void OnEnable() { GetComponentCamera().depthTextureMode | DepthTextureMode.Depth; } private void OnRenderImage(RenderTexture source, RenderTexture destination) { if (scanMaterial null) { Graphics.Blit(source, destination); return; } Graphics.Blit(source, destination, scanMaterial); } }这段脚本的作用很单纯开启相机的深度纹理然后把source画面按材质处理一次输出到destination。把scanMaterial拖到脚本上Shader选择后面给的那份完整代码即可。为什么用位运算|而不是直接赋值因为相机有可能同时被其他后处理脚本要求开启多个深度模式比如景深需要深度、法线描边需要法线。直接赋值会覆盖别的脚本的设置而按位或可以让多个模式共存。不怕一万就怕万一这行代码值得养成习惯。3.2 Sobel边缘检测从深度图里抓轮廓深度纹理里记录了每个像素离相机的距离物体轮廓的地方深度会突变。边缘检测的思路就是比较中心像素和周围像素的深度差异差异大的就认为是边缘。我这里用的是Sobel算子不是简单的左右差分。左右差分对水平边缘有效对斜向边缘响应弱而Sobel核同时考虑水平和垂直方向并且给中心附近的邻域更高权重检测结果更稳定。片元Shader里深度采样总共要9次这是后处理全屏操作的正常水平。核心代码片段如下float SampleDepth01(float2 uv) { return Linear01Depth(tex2D(_CameraDepthTexture, uv).r); } float EdgeDetect(float2 uv) { float2 texel _MainTex_TexelSize.xy; float d00 SampleDepth01(uv texel * float2(-1, -1)); float d10 SampleDepth01(uv texel * float2( 0, -1)); float d20 SampleDepth01(uv texel * float2( 1, -1)); float d01 SampleDepth01(uv texel * float2(-1, 0)); float d11 SampleDepth01(uv texel * float2( 0, 0)); float d21 SampleDepth01(uv texel * float2( 1, 0)); float d02 SampleDepth01(uv texel * float2(-1, 1)); float d12 SampleDepth01(uv texel * float2( 0, 1)); float d22 SampleDepth01(uv texel * float2( 1, 1)); float gx -d00 - 2.0 * d01 - d02 d20 2.0 * d21 d22; float gy -d00 - 2.0 * d10 - d20 d02 2.0 * d12 d22; float edge sqrt(gx * gx gy * gy) * 0.25; return saturate(edge * _DepthSensitivity); }用Linear01Depth很有必要。因为深度纹理里的原始值是非线性的近处精度极高、远处极低直接拿原始值做Sobel会让远处一片白、近处一片黑。转为0到1的线性深度之后边缘强度才能公平地跨距离比较。_MainTex_TexelSize.xy是每个像素对应的UV单位尺寸Sobel卷积核的采样步长以它为单位保证边缘检测始终以像素密度为标准而不是盲目的0.01之类绝对值。这个细节直接决定描边粗细是否均匀。3.3 重建世界坐标让扫描带在真实空间里移动扫描带要在世界空间移动就必须从深度纹理里还原出每个像素的世界坐标。这里有一条经典公式先用UV得到NDC坐标结合投影矩阵参数和线性深度反推出视空间坐标再用相机的世界矩阵把视空间坐标转成世界坐标。float3 GetWorldPos(float2 uv, float rawDepth) { float eyeDepth LinearEyeDepth(rawDepth); float2 proj float2(unity_CameraProjection._11, unity_CameraProjection._22); float2 center float2(unity_CameraProjection._13, unity_CameraProjection._23); float2 ndc uv * 2.0 - 1.0; float2 viewPosXY (ndc - center) / proj * eyeDepth; float3 viewPos float3(viewPosXY, -eyeDepth); return mul(unity_CameraToWorld, float4(viewPos, 1.0)).xyz; }理解这条公式的关键在于投影矩阵做的事情是把视空间坐标映射到NDC逆推时就要从NDC出发利用焦距参数_11和_22把坐标缩放回去得到的是视空间里的X和Y。视空间Z方向就是负的线性深度符号不能搞反否则重建出来的世界坐标Y方向会颠倒扫描带会在画面上乱窜。然后拿世界坐标与扫描方向点积float3 scanDir normalize(_ScanDirection.xyz); float scanCoord dot(worldPos, scanDir) * _ScanRange; float scanPos frac(_Time.y * _ScanSpeed); float band 1.0 - saturate(abs(scanCoord - scanPos) / _ScanWidth); band smoothstep(0.0, 1.0, band);scanCoord可以理解为“这个像素沿扫描方向走了多少米”_ScanRange是用来把米数缩放到0到1区间的系数。scanPos来自时间与速度的乘积取小数部分相当于一个从0到1循环移动的坐标。两者的差除以_ScanWidth就能得到带内强度。这里我建议所有参与扫描的物体不要离相机太远因为深度纹理精度有限远距离重建出来的世界坐标误差变大扫描带会跟着抖动。后面常见问题部分有专门讲这个坑。3.4 扫描带与颜色插值从边缘色渐变到核心色当带内强度band计算出来之后颜色插值就顺理成章了fixed3 scanColor lerp(_EdgeColor.rgb, _CoreColor.rgb, band); fixed3 finalColor baseColor; finalColor _EdgeColor.rgb * edge * _EdgeStrength; finalColor scanColor * band * _ScanIntensity;这里有两层插值第一层是扫描带本身从描边色到核心色的渐变第二层是带内强度作为整体亮度控制强度高的地方才明显强度低的地方逐渐融入场景底色。有个细节值得注意把scanColor再乘一次band而不是只做插值。这样做的好处是带边缘的亮度会自然衰减到0视觉上是一条有羽化边界的流光带而不是一条边界锐利的色块。配合smoothstep之后就算扫描宽度设置得比较大也不会出现生硬的色条边界。边缘颜色的作用也不只是描边。扫描带扫过物体轮廓时描边本身会被边缘亮度增强而扫描带颜色又从描边色渐变到核心色三者形成了一条完整的视觉链条轮廓先亮随后流光扫过最后核心色落在物体中心。这就是标题里“描边加颜色插值”真正的互动关系。4. 完整代码与调参实录照着抄就能跑4.1 Built-in渲染管线的完整代码下面这份完整Shader可以直接创建一个材质挂在刚才那个C#脚本上使用。这份代码是Built-in管线专用URP迁移方法在后面。Shader Hidden/ScanFlowEffect { Properties { _MainTex (Base (RGB), 2D) white {} _EdgeColor (描边颜色, Color) (0.10, 0.45, 0.80, 1.0) _CoreColor (核心颜色, Color) (0.95, 0.25, 0.30, 1.0) _EdgeStrength (边缘强度, Range(0.0, 5.0)) 1.5 _DepthSensitivity (深度灵敏度, Range(0.0, 8.0)) 2.0 _ScanSpeed (扫描速度, Range(-3.0, 3.0)) 0.8 _ScanWidth (扫描带宽, Range(0.02, 0.5)) 0.15 _ScanRange (扫描范围缩放, Range(0.005, 0.5)) 0.06 _ScanDirection (扫描方向(XYZ), Vector) (0.0, 1.0, 0.0, 0.0) _ScanIntensity (扫描亮度, Range(0.0, 3.0)) 1.0 } SubShader { Cull Off ZWrite Off ZTest Always Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc sampler2D _MainTex; float4 _MainTex_TexelSize; sampler2D _CameraDepthTexture; fixed4 _EdgeColor; fixed4 _CoreColor; half _EdgeStrength; half _DepthSensitivity; half _ScanSpeed; half _ScanWidth; half _ScanRange; float4 _ScanDirection; half _ScanIntensity; struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float4 pos : SV_POSITION; float2 uv : TEXCOORD0; }; v2f vert(appdata v) { v2f o; o.pos UnityObjectToClipPos(v.vertex); o.uv v.uv; #if UNITY_UV_STARTS_AT_TOP if (_MainTex_TexelSize.y 0.0) o.uv.y 1.0 - o.uv.y; #endif return o; } float SampleDepth01(float2 uv) { return Linear01Depth(tex2D(_CameraDepthTexture, uv).r); } float EdgeDetect(float2 uv) { float2 texel _MainTex_TexelSize.xy; float d00 SampleDepth01(uv texel * float2(-1, -1)); float d10 SampleDepth01(uv texel * float2( 0, -1)); float d20 SampleDepth01(uv texel * float2( 1, -1)); float d01 SampleDepth01(uv texel * float2(-1, 0)); float d11 SampleDepth01(uv texel * float2( 0, 0)); float d21 SampleDepth01(uv texel * float2( 1, 0)); float d02 SampleDepth01(uv texel * float2(-1, 1)); float d12 SampleDepth01(uv texel * float2( 0, 1)); float d22 SampleDepth01(uv texel * float2( 1, 1)); float gx -d00 - 2.0 * d01 - d02 d20 2.0 * d21 d22; float gy -d00 - 2.0 * d10 - d20 d02 2.0 * d12 d22; float edge sqrt(gx * gx gy * gy) * 0.25; return saturate(edge * _DepthSensitivity); } float3 GetWorldPos(float2 uv, float rawDepth) { float eyeDepth LinearEyeDepth(rawDepth); float2 proj float2(unity_CameraProjection._11, unity_CameraProjection._22); float2 center float2(unity_CameraProjection._13, unity_CameraProjection._23); float2 ndc uv * 2.0 - 1.0; float2 viewPosXY (ndc - center) / proj * eyeDepth; float3 viewPos float3(viewPosXY, -eyeDepth); return mul(unity_CameraToWorld, float4(viewPos, 1.0)).xyz; } fixed4 frag(v2f i) : SV_Target { float rawDepth tex2D(_CameraDepthTexture, i.uv).r; float edge EdgeDetect(i.uv); float3 worldPos GetWorldPos(i.uv, rawDepth); float3 scanDir normalize(_ScanDirection.xyz); float scanCoord dot(worldPos, scanDir) * _ScanRange; float scanPos frac(_Time.y * _ScanSpeed); float band 1.0 - saturate(abs(scanCoord - scanPos) / _ScanWidth); band smoothstep(0.0, 1.0, band); fixed3 baseColor tex2D(_MainTex, i.uv).rgb; fixed3 scanColor lerp(_EdgeColor.rgb, _CoreColor.rgb, band); fixed3 finalColor baseColor; finalColor _EdgeColor.rgb * edge * _EdgeStrength; finalColor scanColor * band * _ScanIntensity; return fixed4(finalColor, 1.0); } ENDCG } } }这份Shader里包含了前面讲的Sobel边缘检测、世界坐标重建和颜色插值扫描带逻辑都在片元着色器里完成。Cull Off ZWrite Off ZTest Always这一行不是装饰后处理材质必须在任何深度测试下都执行也不能写深度否则会污染后续渲染。4.2 一张参数表帮你快速定位效果写Shader时参数留得越完整调起来越省心。下面这些参数的推荐区间是我多次测试后的经验值可以直接作为初始参考。参数推荐范围作用说明我的常用初始值_ScanSpeed-3.0 ~ 3.0扫描带移动速度负数反向0.8_ScanWidth0.02 ~ 0.5扫描带宽度越大越柔和0.15_ScanRange0.005 ~ 0.5世界坐标到扫描坐标的缩放系数0.06_DepthSensitivity0.0 ~ 8.0描边灵敏度越大越敏感2.0_EdgeStrength0.0 ~ 5.0描边亮度强度1.5_ScanIntensity0.0 ~ 3.0扫描带整体亮度1.0_ScanDirection任意方向向量扫描方向必须在XYZ里归一上方扫描调参顺序建议固定一下先把_ScanIntensity降到0只观察描边效果把_DepthSensitivity和_EdgeStrength调到轮廓刚好清晰、又不至于满屏白噪点然后把_ScanIntensity恢复到1调_ScanSpeed和_ScanWidth先定节奏再定带宽最后再动两个颜色参数决定整体色调。一个很容易踩的坑是_ScanRange。它是把“多少米的世界坐标映射成0到1的扫描坐标”。数值设太大会导致扫描带只在相机附近一个很小的范围内移动物体稍远点就扫不到设太小又会让扫描带在一个大范围里慢慢走看起来半天扫不过一个物体。实践里我一般先把相机对准目标物体看扫描带能不能在物体表面来回移动再微调这个值。4.3 URP迁移思路与Renderer Feature骨架如果你的项目已经用了URPOnRenderImage和Graphics.Blit在大部分版本的默认流程里不再生效。URP的后处理通常通过ScriptableRendererFeature来实现。核心逻辑不用改Shader里的_CameraDepthTexture仍然可用但需要额外确保URP asset里启用了Depth Texture或者在相机的Depth Texture Mode设为On。下面给一个兼容性相对通用的URP Renderer Feature骨架using UnityEngine; using UnityEngine.Rendering; using UnityEngine.Rendering.Universal; public class ScanFlowFeature : ScriptableRendererFeature { public Material scanMaterial; public RenderPassEvent passEvent RenderPassEvent.AfterRenderingTransparents; private ScanFlowPass pass; public override void Create() { pass new ScanFlowPass(scanMaterial, passEvent); } public override void AddRenderPasses(ScriptableRenderer renderer, ref RenderingData renderingData) { if (scanMaterial null) return; pass.Setup(renderer.cameraColorTarget); renderer.EnqueuePass(pass); } } class ScanFlowPass : ScriptableRenderPass { private Material mat; private RenderTargetIdentifier source; private int tempId; public ScanFlowPass(Material m, RenderPassEvent ev) { mat m; renderPassEvent ev; tempId Shader.PropertyToID(_TempScanFlowRT); } public void Setup(RenderTargetIdentifier src) { source src; } public override void Execute(ScriptableRenderContext context, ref RenderingData renderingData) { CommandBuffer cmd CommandBufferPool.Get(ScanFlow); Camera cam renderingData.cameraData.camera; cmd.GetTemporaryRT(tempId, cam.pixelWidth, cam.pixelHeight, 0, FilterMode.Bilinear); cmd.Blit(source, tempId, mat); cmd.Blit(tempId, source); cmd.ReleaseTemporaryRT(tempId); context.ExecuteCommandBuffer(cmd); CommandBufferPool.Release(cmd); } }不同URP版本的API有变动尤其是RenderTargetHandle相关接口在不同版本有改名。如果你用的URP版本较新个别类名或方法名对不上优先查一下你版本的ScriptableRendererFeature示例。但整体思路就是新建临时RT用材质Blit一次再把结果写回相机颜色目标。Shader端的代码可以直接复用不需要改动核心算法。5. 常见问题与排查技巧我踩过的坑都在这5.1 描边全屏白色或完全看不见这两个极端现象原因完全不同但都常见。全屏白色通常是_DepthSensitivity设得过大或者深度纹理没有正确开启导致所有像素深度值恒定Sobel算出来全是0最后边缘强度直接拉满。完全看不见描边最常见的是相机的Depth Texture Mode没开启深度纹理采样出来是空白梯度自然为0。建议排查时先用Frame Debugger看一眼_CameraDepthTexture的内容。如果深度图显示正常再逐步调小_DepthSensitivity把描边强度从满屏白拉回只描出轮廓。另外如果你的项目开了HDR或线性色彩空间描边颜色会偏亮建议把_EdgeColor的默认值控制在0.5以下或者输出时用saturate压一下避免曝成一片白。5.2 扫描带错位、上下颠倒或者断层扫描带错位基本都出在世界坐标重建上。最常见的原因有两个一个是UV翻转没处理在DX平台和OpenGL平台上后处理纹理的V轴方向可能相反导致重建出的世界坐标上下颠倒。代码里UNITY_UV_STARTS_AT_TOP那段判断就是做这个的不同平台需要保留。另一个是远裁剪面过大或近裁剪面过小深度纹理的精度分布被拉得很稀远处像素重建出的坐标跳动明显。我之前的项目里出现过物体20米外扫描带就分段断裂的情况把相机近裁剪面从0.01提高到0.1之后问题立刻缓解。近裁剪面太小时深度缓冲把大量精度浪费在极近处远处自然就不够用了。5.3 只想扫描指定物体而不是全屏所有物体这个Shader默认是全屏后处理所以一旦挂上画面里所有有深度差异的物体边缘都会被描边所有表面都会被扫描带扫到。如果需求只需要扫描某个特定物体有两个办法。第一个办法是用遮罩RT单独用一个相机只渲染目标物体到一个纯白色的RT然后在后处理Shader里额外采样这张遮罩把描边和扫描结果先乘以遮罩强度再叠加到画面里。这是最灵活也最干净的做法适合需要精确选择的场景。第二个办法简单粗暴把扫描方向改成倾斜、扫描范围调到只覆盖目标所在区域然后用相机裁剪或者物体间距来“碰运气”。这个办法我调试时用过到了正式项目还是建议老老实实做遮罩RT。5.4 性能优化与移动端适配全屏后处理意味着每个像素都要执行一次片元着色器而我们的Shader里做了9次深度采样加1次主纹理采样一体机上压力不小。优化的第一刀永远是分辨率可以把后处理RT的尺寸降到屏幕的一半甚至四分之一边缘检测本身对分辨率不那么敏感模糊一点反而让描边更柔和。代价是文字和细小物体边缘会变肉所以要看场景里有没有高频细节。第二刀是减少采样次数。Sobel需要9次采样但如果你能接受轻微质量损失可以用十字差分只采样上下左右四个方向加上中心一共5次。边缘检测对斜向边缘的响应会弱一点但速度能提升将近一半。我实际测试过移动端优先用十字差分PC端保留Sobel。第三刀是避免在Shader里做过多除法。世界坐标重建里的除法是为了反推视空间坐标这部分省不掉但可以提前计算1.0 / proj作为材质参数传入Shader把逐像素除法换成乘法。实测在某些老显卡上能带来可感知的提升。最后说点个人经验。这个Shader我在一个解谜Demo里最初是用来做机关激活提示的后来把扫描方向改成斜向、速度调慢配合音频节奏就成了一个很不错的BOSS技能预警效果。实际项目里最值得投入时间的不是算法本身而是调参和观察不同相机距离下的表现。强烈建议把参数全部暴露成材质属性千万不要写死在Shader里艺术接手后会改到你怀疑人生。另外也别忽视相机裁剪面设置它对这个效果的影响比大部分参数都大。如果你后续想在这个基础上扩展可以考虑把扫描带从单条变成多条或者叠加一张噪声纹理让流光带产生不规则的“呼吸感”甚至把扫描方向改成从物体中心向外围扩散。方向想清楚之后再回到Shader里就是改几行坐标映射的事。