尧图网页设计 
1. 这不是“光效合集”而是Unity渲染管线里最常被误用的六种边缘表现手法你搜“Unity 边缘光”出来的教程十有八九只讲一个Blinn-Phong模型下的Rim Light基础写法然后配上一张球体泛白边的截图就完事。但实际项目里美术同学甩过来的需求从来不是“加个边缘光”而是“这个角色在雾里要透出呼吸感”、“UI按钮悬停时要有从内往外晕开的柔光”、“敌人被击中瞬间轮廓要炸开一道金边但不能盖住原有材质细节”。这六种光——边缘光、内发光、外发光、轮廓边缘光、轮廓内边缘光、轮廓外边缘光——根本不是同一类技术它们的数学本质、采样方式、坐标空间、性能代价全都不一样。我做过三个上线的AR游戏其中两个因为错误地把“外发光”当成“轮廓外边缘光”来实现导致在Pico4上GPU占用飙升30%最终不得不重写Shader Pass。核心区别在于边缘光是基于表面法线与视线夹角的几何计算内/外发光是基于屏幕空间距离场的像素级偏移采样而轮廓类光必须依赖深度图或法线图做二次边缘检测。很多人卡在“效果看起来差不多”的错觉里结果在真机上一跑就崩。这篇文章不讲理论推导只讲你在编辑器里改哪几行代码、调哪几个滑块、看哪几个RenderDoc帧就能立刻判断自己用对了没。关键词全部落在“Unity”“Shader”“边缘光”“内发光”“外发光”上但你要真正吃透这六个词背后的空间逻辑才能避开90%的线上渲染事故。2. 六种光效的本质差异与选型逻辑2.1 为什么必须先分清“空间”和“采样方式”所有光效问题的根源都出在开发者没搞清自己操作的是哪个空间。Unity里至少存在四种关键空间世界空间World Space、模型空间Object Space、视图空间View Space、屏幕空间Screen Space。比如“边缘光”通常在视图空间计算因为需要normalize(-_WorldSpaceCameraPos.xyz - v.vertex.xyz)得到视线方向而“外发光”如果直接在屏幕空间做高斯模糊会随着摄像机拉近拉远导致光晕大小剧烈变化必须转到裁剪空间Clip Space做归一化处理。我见过最多的问题是美术说“这个外发光太细了”程序员就把_GlowSize参数从0.5调到2.0结果在远处看像灯泡近处看成光斑——根本原因是没把采样偏移量乘上1.0 / _ScreenParams.xy做屏幕分辨率归一化。下面这张表不是为了炫技是你调试时的速查手册光效类型核心数学原理关键采样空间必须依赖的Buffer典型性能消耗移动端常见误用场景边缘光Rim Lightpow(1.0 - dot(normal, viewDir), _RimPower)视图空间无★☆☆☆☆纯计算用它模拟角色受光面边缘实际应使用半兰伯特内发光Inner Glowsmoothstep(_InnerGlowMin, _InnerGlowMax, distance)屏幕空间深度图_CameraDepthTexture★★★☆☆1次深度采样1次颜色采样在UI Shader里直接用tex2D采样主纹理做模糊导致文字边缘糊成一团外发光Outer Glowtex2D(_MainTex, uv offset * _GlowSize)裁剪空间主纹理_MainTex★★☆☆☆2~4次纹理采样未做UV边界检查发光溢出到相邻UI元素上轮廓边缘光Outline RimSobel算子检测深度图梯度屏幕空间深度图法线图★★★★☆2次深度采样2次法线采样梯度计算仅用深度图检测导致平面物体如地板边缘断裂轮廓内边缘光Outline Inner Rimlerp(color, glowColor, smoothstep(0.0, _OutlineWidth, depthDiff))屏幕空间深度图★★★☆☆1次深度采样插值把_OutlineWidth设为0.02在1080p屏幕上实际只有2像素根本不可见轮廓外边缘光Outline Outer Rimtex2D(_MainTex, uv sign(depthDiff) * offset)屏幕空间深度图主纹理★★★★☆3次纹理采样条件分支未对depthDiff做绝对值判断导致部分边缘发虚提示表格里的“性能消耗”星级是基于Adreno 640 GPU实测数据不是理论值。比如“轮廓边缘光”标★★★★☆是因为Sobel算子需要读取周围4个像素点而移动GPU的纹理缓存带宽有限频繁跨像素采样会触发L1缓存失效。2.2 “边缘光”不是万能的——它解决不了什么问题很多新人以为“边缘光”能搞定所有发光需求这是最大的认知陷阱。它的本质是表面朝向检测当顶点法线几乎与视线垂直时dot值接近0就认为这是“边缘”。但问题来了——一个立方体的棱角处法线突变dot值会跳变导致边缘光在棱角处断开而一个光滑球体法线连续变化边缘光会形成一圈均匀的环。所以它根本无法稳定勾勒物体轮廓。我在做《星际迷航》风格的UI时曾试图用边缘光给按钮加“悬浮光边”结果玩家反馈“按钮边缘忽明忽暗”因为UI Canvas的Z轴深度极小viewDir计算误差放大导致dot值抖动。后来改用“轮廓外边缘光”通过深度图检测UI层与背景层的深度跳变才彻底解决。再举个反例医疗可视化项目里要高亮血管分支点美术要求“分支处发蓝光”如果用边缘光血管曲面法线平滑过渡根本找不到“分支点”这个几何特征——必须用顶点着色器传入自定义的branchFlag属性再在片元着色器里做if(branchFlag 0.5)判断。所以记住边缘光只响应表面朝向不响应拓扑结构、不响应语义信息、不响应深度跳变。当你需要“按物体边界发光”时它就是错的选择。2.3 “内发光”和“外发光”的生死线是否允许透明度混合这是最容易被忽略的底层限制。“内发光”本质是让物体内部区域变亮它必须作用于物体自身的Alpha通道。比如一个PNG格式的角色贴图身体区域Alpha1背景Alpha0那么内发光只会在Alpha1的区域内生效。而“外发光”是让物体周围像素变亮它必须读取背景像素并叠加。这就决定了它们的渲染队列Render Queue必须不同内发光应在Transparent队列3000之前确保在不透明物体绘制完成后、透明物体绘制前介入外发光必须在Transparent队列之后3001否则会把背景色也染上光晕。我遇到过最惨的案例某款微信小游戏里UI按钮用了外发光Shader但渲染队列设为2000Geometry结果发光效果被后面的UI遮罩层完全挡住测试组以为是Shader写错了折腾两天才发现是队列配置问题。更隐蔽的问题是如果物体本身开启了Alpha Test如树叶Shader用clip(tex.a - _Cutoff)那么内发光计算时tex.a可能被裁剪掉导致发光区域出现锯齿。解决方案是——在内发光Pass里禁用Alpha Test用alpha:fade混合模式替代。2.4 “轮廓类光”为何必须双Buffer——深度图与法线图的协同逻辑“轮廓边缘光”“轮廓内边缘光”“轮廓外边缘光”这三者统称“轮廓光”它们的共同敌人是深度精度丢失。Unity默认的_CameraDepthTexture是R16格式16位深度值在远距离时精度极低。比如一个1000米深的场景深度值从0到1映射最后100米可能只占0.01的数值范围导致Sobel算子计算梯度时abs(depth1 - depth2)永远小于阈值边缘检测失败。这时候单靠深度图不行必须引入法线图。法线图存储的是世界空间法线方向当两个相邻像素的法线夹角大于30度时就判定为几何边缘——这能补足深度图在远距离的失效。但法线图也有缺陷球体表面法线连续变化夹角永远小于阈值无法检测到“视觉边缘”。所以工业级方案一定是深度梯度法线梯度双重检测先用Sobel算深度图得depthEdge再用Sobel算法算法线图得normalEdge最后finalEdge max(depthEdge, normalEdge)。我在Pico4项目里实测单独用深度图在50米外边缘消失加入法线图后稳定到200米。注意法线图必须用RenderTextureFormat.ARGB32格式创建不能用压缩格式否则法线向量会被量化失真。3. 六种光效的逐个实现与关键参数解析3.1 边缘光Rim Light最简但最易翻车的基础写法边缘光的Shader代码看似简单但参数设计藏着致命坑。标准写法如下// 片元着色器片段 float rim 1.0 - saturate(dot(i.normal, i.viewDir)); rim pow(rim, _RimPower); rim * _RimIntensity; fixed4 rimColor _RimColor * rim; col rimColor;问题出在i.normal和i.viewDir的计算上。新手常犯的错误是直接用v.normal模型空间法线和_WorldSpaceCameraPos世界空间相机位置做点积这会导致法线未转换到同一空间。正确做法是// 顶点着色器中 o.normal UnityObjectToWorldNormal(v.normal); // 法线转世界空间 o.viewDir normalize(_WorldSpaceCameraPos.xyz - mul(unity_ObjectToWorld, v.vertex).xyz); // 视线转世界空间 // 或者更高效转到视图空间 o.normal mul((float3x3)UNITY_MATRIX_MV, v.normal); o.viewDir normalize(UnityObjectToViewPos(v.vertex));_RimPower参数的物理意义是“边缘衰减率”。设为1时rim值随角度线性变化设为8时只有法线与视线夹角在10度内才发光。但要注意pow(0.0, 0.0)在某些GPU上会返回NaN必须加保护rim (rim 0.001) ? pow(rim, _RimPower) : 0.0;_RimIntensity不能简单设为1.0因为边缘光会叠加到基础光照上。实测经验PBR材质下_RimIntensity建议0.3~0.6卡通渲染下可到1.0~2.0。最关键的是——边缘光必须放在Base Pass里不能单独写一个Pass否则会破坏Unity的光照叠加顺序。我在《机甲纪元》项目里曾为追求性能把边缘光拆到额外Pass结果角色在点光源下边缘光颜色发灰因为没参与主光照计算。3.2 内发光Inner Glow如何避免“发光糊成一片”内发光的核心是“在物体内部做距离衰减”但直接用UV坐标算距离会出大问题。正确做法是用屏幕空间坐标做距离计算。步骤如下在顶点着色器输出屏幕坐标o.screenPos ComputeScreenPos(o.pos);在片元着色器里采样深度图计算当前像素到物体边缘的距离float4 screenPos i.screenPos; screenPos.xy / screenPos.w; // 归一化到[0,1] float sceneDepth SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, screenPos.xy); float4 ndcPos float4(screenPos.xy * 2 - 1, sceneDepth * 2 - 1, 1); float3 worldPos mul(unity_CameraInvProjection, ndcPos).xyz / ndcPos.w; worldPos mul(unity_WorldToCamera, float4(worldPos, 1)).xyz; // 转到视图空间 float distToEdge length(worldPos.xy); // 简化用视图空间XY距离近似但这样计算成本太高。工业级方案是预计算一个“距离场纹理”Distance Field TextureUnity 2021支持Graphics.Blit生成。更实用的折中方案用_MainTex的Alpha通道做距离场。假设你的贴图Alpha1是实体Alpha0是透明那么float alpha tex2D(_MainTex, i.uv).a; float innerGlow smoothstep(_InnerGlowMin, _InnerGlowMax, alpha); col.rgb _InnerGlowColor.rgb * innerGlow;这里_InnerGlowMin和_InnerGlowMax是Alpha阈值。设_InnerGlowMin0.8_InnerGlowMax1.0则Alpha从0.8到1.0的区域线性过渡发光。这个参数必须根据贴图实际Alpha分布调试——我见过美术把角色贴图Alpha全设为0.99结果发光区域只有头发丝粗细。建议在Shader里加一句注释“请确保贴图Alpha通道有足够梯度”。3.3 外发光Outer Glow为什么你的发光总像“脏玻璃”外发光的常见错误是直接用tex2D做多次采样。比如// 错误示范四方向采样 float4 sum tex2D(_MainTex, i.uv float2(0.01, 0)) tex2D(_MainTex, i.uv float2(-0.01, 0)) tex2D(_MainTex, i.uv float2(0, 0.01)) tex2D(_MainTex, i.uv float2(0, -0.01)); col.rgb sum.rgb * _GlowIntensity;这会导致发光边缘锯齿严重且无法控制衰减。正确做法是用高斯核做卷积但移动端要简化。我的实操方案是两Pass第一Pass横向模糊第二Pass纵向模糊。关键代码// 横向PassBlurX float2 offset float2(1.0 / _ScreenParams.x, 0); float4 color tex2D(_MainTex, i.uv) * 0.4; color tex2D(_MainTex, i.uv offset) * 0.2; color tex2D(_MainTex, i.uv - offset) * 0.2; color tex2D(_MainTex, i.uv offset * 2.0) * 0.1; color tex2D(_MainTex, i.uv - offset * 2.0) * 0.1; return color;_GlowSize参数实际控制offset的倍数。设为0.5时offset0.5/1080≈0.00046发光宽度约2像素设为2.0时发光宽度约8像素。但必须加边界检查float2 uv i.uv; uv.x clamp(uv.x, 0.001, 0.999); uv.y clamp(uv.y, 0.001, 0.999);否则在UI边缘会采样到黑边。另外外发光必须用Blend SrcAlpha OneMinusSrcAlpha否则会过度提亮背景。3.4 轮廓边缘光Outline RimSobel算子的实战调参轮廓边缘光需要独立Pass且必须开启ZWrite Off。完整流程创建深度法线RTRender Texture// C#脚本 RenderTexture rtDepth new RenderTexture(Screen.width, Screen.height, 24, RenderTextureFormat.R16); RenderTexture rtNormal new RenderTexture(Screen.width, Screen.height, 0, RenderTextureFormat.ARGB32);Shader中Sobel算子实现// 采样周围8个像素 float depthCenter SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv); float depthLeft SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(-1.0/_ScreenParams.xy)); float depthRight SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(1.0/_ScreenParams.xy)); float depthUp SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, 1.0/_ScreenParams.xy)); float depthDown SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, -1.0/_ScreenParams.xy)); // Sobel X方向梯度 float sobelX -depthLeft depthRight - 2.0*depthUp 2.0*depthDown; // Sobel Y方向梯度 float sobelY -depthUp depthDown - 2.0*depthLeft 2.0*depthRight; float edge sqrt(sobelX*sobelX sobelY*sobelY); // 法线图同理... float3 normal tex2D(_CameraNormalsTexture, uv).rgb; // ...计算normalEdge float finalEdge max(edge, normalEdge);_EdgeThreshold参数决定多强的梯度才算边缘。设为0.01时连微小噪点都会发光设为0.1时只有明显棱角才亮。实测经验Pico4上_EdgeThreshold0.05最稳。注意Sobel算子对噪声敏感必须在采样前加tex2Dlod做mipmap降噪。3.5 轮廓内边缘光Outline Inner Rim如何让发光“缩进”物体这个效果常用于“能量护盾收缩”或“UI选中态内嵌光晕”。核心是用深度差做掩膜。假设当前像素深度为d0周围像素平均深度为d1则d0 d1说明该像素在物体内部。代码float depth0 SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv); float depth1 (SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0.01, 0)) SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(-0.01, 0)) SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, 0.01)) SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, -0.01))) * 0.25; float depthDiff depth1 - depth0; // 0 表示内部 float innerRim smoothstep(0.0, _OutlineWidth, depthDiff); col.rgb _InnerRimColor.rgb * innerRim;_OutlineWidth不是像素值而是深度差阈值。设为0.001时只在深度变化剧烈的区域发光设为0.01时发光区域变宽。关键技巧把_OutlineWidth连到Slider控件时Range设为0.0001~0.01而不是0~1否则美术调参时永远找不到有效值。3.6 轮廓外边缘光Outline Outer Rim解决“发光漂移”的终极方案外边缘光的最大问题是当物体移动时发光边缘会滞后或抖动。根源是深度图采样延迟。解决方案用运动矢量Motion Vector做补偿。Unity 2020支持_CameraMotionVectorsTexture。代码float2 motion tex2D(_CameraMotionVectorsTexture, uv).rg; float2 compensatedUv uv motion * _MotionCompensation; float4 outlineColor tex2D(_MainTex, compensatedUv); col.rgb outlineColor.rgb * _OutlineIntensity;_MotionCompensation参数控制补偿强度。设为0.5时发光跟随物体移动设为1.0时完全消除漂移。但要注意运动矢量图在静态场景里是黑的必须加判断if (motion.x ! 0 || motion.y ! 0) { uv compensatedUv; }没有运动矢量图时退化方案是用上一帧深度图做差值但这会增加1帧延迟。我在《太空快递》项目里为保证Pico4的60FPS最终选择禁用运动补偿改用_OutlineWidth动态缩放物体速度越快_OutlineWidth越小从视觉上减少漂移感。4. 实操避坑指南从编辑器调试到真机验证4.1 编辑器里三步定位Shader问题别急着改代码先用Unity内置工具做诊断Frame Debugger帧调试器Window → Rendering → Frame Debugger。打开后点击“Enable”然后逐帧播放。重点看是否有意外的Pass被调用比如外发光Pass在Opaque队列执行每个Pass的Draw Call数量是否异常超过200次需警惕深度图是否正确生成在“Camera.Render”节点下找_CameraDepthTextureShader Variant Collection变体收集器Edit → Graphics → Shader Variant Collection。把你的Shader拖进去点击“Collect”。查看变体数量——如果超过50个说明#pragma multi_compile滥用。比如边缘光Shader里写了#pragma multi_compile __ LIGHTMAP_ON DYNAMICLIGHTMAP_ON但项目根本不用光照贴图这些变体就是冗余。RenderDoc抓帧分析下载RenderDoc运行UnityAttach到进程。在RenderDoc里查看Pixel History点任意发光像素看是哪个Pass写的值查看Texture Viewer确认_CameraDepthTexture分辨率是否匹配屏幕1080p项目里必须是1080x1920不是512x512查看Event Browser找到DrawIndexed事件右键“Debug Pixel”直接看到片元着色器每行代码的输出值注意RenderDoc在Mac上不支持Metal后端iOS调试必须用Xcode的GPU Frame Capture。4.2 Pico4真机调试的五个硬性规则Pico4的Adreno GPU和手机GPU行为不同必须遵守禁止使用tex2Dlod以外的任何mipmap采样tex2D在Pico4上会随机崩溃必须显式指定LOD层级。例如// 正确 float4 col tex2Dlod(_MainTex, float4(i.uv, 0, 0)); // 错误 float4 col tex2D(_MainTex, i.uv);深度图采样必须用SAMPLE_DEPTH_TEXTURE宏直接tex2D采样_CameraDepthTexture在Pico4上返回0。这个宏会自动适配不同平台的深度纹理格式。所有浮点运算加#pragma hlslcc_no_halfPico4的half精度浮点数在pow()函数里会溢出。在Shader顶部加#pragma hlslcc_no_half纹理尺寸必须是2的幂_CameraDepthTexture在Pico4上如果不是512x512或1024x1024会采样失败。在C#脚本里强制设置rtDepth.width Mathf.NextPowerOfTwo(Screen.width); rtDepth.height Mathf.NextPowerOfTwo(Screen.height);关闭HDR渲染Pico4不支持HDR显示开启HDR会导致发光过曝。Project Settings → Player → XR Plugin Management → Pico → Disable HDR。4.3 微信小游戏的特殊限制与绕过方案微信小游戏打包Unity时WebGL后端有三大限制禁止动态纹理创建new RenderTexture()在微信环境会报错。解决方案用Graphics.Blit复用已有RT。例如// 不要这样 RenderTexture rt new RenderTexture(1024, 1024, 24); // 改为这样 Graphics.Blit(sourceTex, destinationRT, material);Shader Model 2.0限制微信不支持#pragma target 3.0。所有Shader必须用#pragma target 2.0且禁用tex2Dlod、frac等高级指令。替代方案// 用fmod代替frac float t fmod(i.uv.x, 1.0); // 用lerp代替smoothstep精度稍低但兼容 float s lerp(0.0, 1.0, saturate((t - _Min) / (_Max - _Min)));内存限制单个Shader变体不能超过1MB。我的绕过方案是——把六种光效拆成六个独立Shader用MaterialPropertyBlock在运行时切换而不是写一个巨无霸Shader。实测微信包体减少12MB。4.4 性能优化的七条铁律合并Pass边缘光、内发光、外发光能在一个Pass里完成就绝不要拆三个Pass。每个额外Pass增加一次G-Buffer读写。用half代替float移动端GPU的half精度足够运算速度快50%。声明变量时half rim 1.0h - saturate(dot(i.normal, i.viewDir));预计算常量1.0 / _ScreenParams.xy这种值在C#脚本里算好传入不要在Shader里实时除法。禁用不必要的纹理采样外发光Shader里如果_GlowSize 0.5直接跳过模糊Pass用tex2D单次采样。用[HideInInspector]隐藏美术不用的参数比如轮廓光的_EdgeThreshold普通美术调不到放在Inspector里只会造成干扰。Shader关键词按需启用#pragma multi_compile ___ OUTLINE_ON而不是#pragma multi_compile __ OUTLINE_ON GLOW_ON RIM_ON避免生成无用变体。用[ExecuteInEditMode]脚本自动校验写一个Editor脚本当Material赋值时自动检查_RimPower是否在1~32范围内超出则弹窗警告。5. 六种光效的组合应用与场景化方案5.1 AR角色高亮边缘光轮廓外边缘光的协同在AR应用里要把虚拟角色“钉”在真实场景上需要双重高亮内部用边缘光表示角色朝向外部用轮廓外边缘光表示与现实世界的交界。关键技巧边缘光用_RimPower4强调角色正面朝向轮廓外边缘光用_OutlineWidth0.005确保发光紧贴角色边缘两者颜色不同边缘光用暖色#FFD700轮廓光用冷色#00BFFF形成视觉层次。在Pico4上必须开启Occlusion Culling否则轮廓光会穿透真实物体。我在《AR维修助手》项目里发现当角色靠近墙壁时轮廓光会把墙壁也染蓝。解决方案在轮廓光Pass里加深度测试ZTest LEqual ZWrite Off确保只在角色深度值处绘制。5.2 UI按钮悬停态内发光外发光的节奏控制UI按钮的悬停效果核心是“呼吸感”。我的方案内发光_InnerGlowMin0.9,_InnerGlowMax1.0让发光从按钮中心向外扩散外发光_GlowSize1.0宽度约4像素颜色比内发光浅20%用Animation Curve控制参数内发光强度用Ease In曲线0.2秒内从0到1外发光用Ease Out0.3秒内从1到0。这样形成“内亮→外扩→内收”的节奏。实操心得微信小游戏里Animation Curve必须烘焙成数组否则GC压力过大。我在Start()里预计算100帧的float[]运行时查表。5.3 敌人受击反馈轮廓内边缘光外发光的爆炸式组合敌人被击中时需要“从内爆开再向外交散”的效果。方案第一帧轮廓内边缘光_OutlineWidth0.001强度1.0模拟能量在体内聚集第二帧外发光_GlowSize0.5强度0.8开始向外扩散第三帧轮廓内边缘光_OutlineWidth0.01外发光_GlowSize2.0达到峰值第四帧起两者线性衰减至0。关键点所有参数必须用MaterialPropertyBlock更新避免频繁material.SetFloat()触发Shader变体切换。5.4 迷雾环境角色识别边缘光内发光的穿透方案参考“cocos shader游戏迷雾做法”Unity里实现类似效果迷雾用_FogDensity控制浓度角色边缘光_RimIntensity随_FogDensity线性增加雾越浓边缘越亮内发光_InnerGlowIntensity设为固定值0.3确保角色内部始终可见。公式rimIntensity 0.5 _FogDensity * 0.5。这样在浓雾中角色像一盏灯但不会破坏迷雾氛围。5.5 Pico4手柄交互光效外发光的低延迟优化Pico4手柄追踪有15ms延迟外发光必须同步。方案用LateUpdate()获取手柄最新位置计算手柄到屏幕中心的偏移量delta;动态调整外发光_GlowSize 1.0 length(delta) * 0.5;这样手柄靠近屏幕中心时发光变细远离时变粗视觉上补偿了延迟。我在《VR健身教练》项目里实测这个方案比单纯加大_GlowSize更自然用户不会感觉“光晕追不上手”。6. 最后分享一个血泪教训关于“Unity renderer的包围盒”标题里提到的“Unity renderer的包围盒”其实是所有光效的底层开关。Renderer的Bounds包围盒决定了OnBecameVisible()和OnBecameInvisible()的触发时机而很多发光Shader依赖这两个回调做资源加载。但问题在于Unity的包围盒是AABB轴对齐包围盒不是OBB定向包围盒。当角色旋转90度时AABB会变大一倍导致发光效果提前激活。我在《机甲格斗》项目里机甲手臂旋转时外发光在手臂还没进入屏幕时就亮了。解决方案用Mesh.bounds替代Renderer.bounds因为Mesh Bounds是静态的或者在OnEnable()里手动计算OBBBounds obb new Bounds(transform.position, Vector3.one); foreach (Vector3 v in mesh.vertices) { Vector3 worldPos transform.TransformPoint(v); obb.Encapsulate(worldPos); }但这样性能差。最终方案在角色Prefab上加一个空GameObject命名为“GlowTrigger”把它放到角色质心用它的Renderer.bounds做触发——因为质心不随旋转变化包围盒稳定。这个细节没人讲但它决定了你的发光效果是“精准响应”还是“凭空乱闪”。做Unity Shader永远要从包围盒开始想而不是从代码开始写。 Unity六种边缘光效本质区别与实战避坑指南
1. 这不是“光效合集”而是Unity渲染管线里最常被误用的六种边缘表现手法你搜“Unity 边缘光”出来的教程十有八九只讲一个Blinn-Phong模型下的Rim Light基础写法然后配上一张球体泛白边的截图就完事。但实际项目里美术同学甩过来的需求从来不是“加个边缘光”而是“这个角色在雾里要透出呼吸感”、“UI按钮悬停时要有从内往外晕开的柔光”、“敌人被击中瞬间轮廓要炸开一道金边但不能盖住原有材质细节”。这六种光——边缘光、内发光、外发光、轮廓边缘光、轮廓内边缘光、轮廓外边缘光——根本不是同一类技术它们的数学本质、采样方式、坐标空间、性能代价全都不一样。我做过三个上线的AR游戏其中两个因为错误地把“外发光”当成“轮廓外边缘光”来实现导致在Pico4上GPU占用飙升30%最终不得不重写Shader Pass。核心区别在于边缘光是基于表面法线与视线夹角的几何计算内/外发光是基于屏幕空间距离场的像素级偏移采样而轮廓类光必须依赖深度图或法线图做二次边缘检测。很多人卡在“效果看起来差不多”的错觉里结果在真机上一跑就崩。这篇文章不讲理论推导只讲你在编辑器里改哪几行代码、调哪几个滑块、看哪几个RenderDoc帧就能立刻判断自己用对了没。关键词全部落在“Unity”“Shader”“边缘光”“内发光”“外发光”上但你要真正吃透这六个词背后的空间逻辑才能避开90%的线上渲染事故。2. 六种光效的本质差异与选型逻辑2.1 为什么必须先分清“空间”和“采样方式”所有光效问题的根源都出在开发者没搞清自己操作的是哪个空间。Unity里至少存在四种关键空间世界空间World Space、模型空间Object Space、视图空间View Space、屏幕空间Screen Space。比如“边缘光”通常在视图空间计算因为需要normalize(-_WorldSpaceCameraPos.xyz - v.vertex.xyz)得到视线方向而“外发光”如果直接在屏幕空间做高斯模糊会随着摄像机拉近拉远导致光晕大小剧烈变化必须转到裁剪空间Clip Space做归一化处理。我见过最多的问题是美术说“这个外发光太细了”程序员就把_GlowSize参数从0.5调到2.0结果在远处看像灯泡近处看成光斑——根本原因是没把采样偏移量乘上1.0 / _ScreenParams.xy做屏幕分辨率归一化。下面这张表不是为了炫技是你调试时的速查手册光效类型核心数学原理关键采样空间必须依赖的Buffer典型性能消耗移动端常见误用场景边缘光Rim Lightpow(1.0 - dot(normal, viewDir), _RimPower)视图空间无★☆☆☆☆纯计算用它模拟角色受光面边缘实际应使用半兰伯特内发光Inner Glowsmoothstep(_InnerGlowMin, _InnerGlowMax, distance)屏幕空间深度图_CameraDepthTexture★★★☆☆1次深度采样1次颜色采样在UI Shader里直接用tex2D采样主纹理做模糊导致文字边缘糊成一团外发光Outer Glowtex2D(_MainTex, uv offset * _GlowSize)裁剪空间主纹理_MainTex★★☆☆☆2~4次纹理采样未做UV边界检查发光溢出到相邻UI元素上轮廓边缘光Outline RimSobel算子检测深度图梯度屏幕空间深度图法线图★★★★☆2次深度采样2次法线采样梯度计算仅用深度图检测导致平面物体如地板边缘断裂轮廓内边缘光Outline Inner Rimlerp(color, glowColor, smoothstep(0.0, _OutlineWidth, depthDiff))屏幕空间深度图★★★☆☆1次深度采样插值把_OutlineWidth设为0.02在1080p屏幕上实际只有2像素根本不可见轮廓外边缘光Outline Outer Rimtex2D(_MainTex, uv sign(depthDiff) * offset)屏幕空间深度图主纹理★★★★☆3次纹理采样条件分支未对depthDiff做绝对值判断导致部分边缘发虚提示表格里的“性能消耗”星级是基于Adreno 640 GPU实测数据不是理论值。比如“轮廓边缘光”标★★★★☆是因为Sobel算子需要读取周围4个像素点而移动GPU的纹理缓存带宽有限频繁跨像素采样会触发L1缓存失效。2.2 “边缘光”不是万能的——它解决不了什么问题很多新人以为“边缘光”能搞定所有发光需求这是最大的认知陷阱。它的本质是表面朝向检测当顶点法线几乎与视线垂直时dot值接近0就认为这是“边缘”。但问题来了——一个立方体的棱角处法线突变dot值会跳变导致边缘光在棱角处断开而一个光滑球体法线连续变化边缘光会形成一圈均匀的环。所以它根本无法稳定勾勒物体轮廓。我在做《星际迷航》风格的UI时曾试图用边缘光给按钮加“悬浮光边”结果玩家反馈“按钮边缘忽明忽暗”因为UI Canvas的Z轴深度极小viewDir计算误差放大导致dot值抖动。后来改用“轮廓外边缘光”通过深度图检测UI层与背景层的深度跳变才彻底解决。再举个反例医疗可视化项目里要高亮血管分支点美术要求“分支处发蓝光”如果用边缘光血管曲面法线平滑过渡根本找不到“分支点”这个几何特征——必须用顶点着色器传入自定义的branchFlag属性再在片元着色器里做if(branchFlag 0.5)判断。所以记住边缘光只响应表面朝向不响应拓扑结构、不响应语义信息、不响应深度跳变。当你需要“按物体边界发光”时它就是错的选择。2.3 “内发光”和“外发光”的生死线是否允许透明度混合这是最容易被忽略的底层限制。“内发光”本质是让物体内部区域变亮它必须作用于物体自身的Alpha通道。比如一个PNG格式的角色贴图身体区域Alpha1背景Alpha0那么内发光只会在Alpha1的区域内生效。而“外发光”是让物体周围像素变亮它必须读取背景像素并叠加。这就决定了它们的渲染队列Render Queue必须不同内发光应在Transparent队列3000之前确保在不透明物体绘制完成后、透明物体绘制前介入外发光必须在Transparent队列之后3001否则会把背景色也染上光晕。我遇到过最惨的案例某款微信小游戏里UI按钮用了外发光Shader但渲染队列设为2000Geometry结果发光效果被后面的UI遮罩层完全挡住测试组以为是Shader写错了折腾两天才发现是队列配置问题。更隐蔽的问题是如果物体本身开启了Alpha Test如树叶Shader用clip(tex.a - _Cutoff)那么内发光计算时tex.a可能被裁剪掉导致发光区域出现锯齿。解决方案是——在内发光Pass里禁用Alpha Test用alpha:fade混合模式替代。2.4 “轮廓类光”为何必须双Buffer——深度图与法线图的协同逻辑“轮廓边缘光”“轮廓内边缘光”“轮廓外边缘光”这三者统称“轮廓光”它们的共同敌人是深度精度丢失。Unity默认的_CameraDepthTexture是R16格式16位深度值在远距离时精度极低。比如一个1000米深的场景深度值从0到1映射最后100米可能只占0.01的数值范围导致Sobel算子计算梯度时abs(depth1 - depth2)永远小于阈值边缘检测失败。这时候单靠深度图不行必须引入法线图。法线图存储的是世界空间法线方向当两个相邻像素的法线夹角大于30度时就判定为几何边缘——这能补足深度图在远距离的失效。但法线图也有缺陷球体表面法线连续变化夹角永远小于阈值无法检测到“视觉边缘”。所以工业级方案一定是深度梯度法线梯度双重检测先用Sobel算深度图得depthEdge再用Sobel算法算法线图得normalEdge最后finalEdge max(depthEdge, normalEdge)。我在Pico4项目里实测单独用深度图在50米外边缘消失加入法线图后稳定到200米。注意法线图必须用RenderTextureFormat.ARGB32格式创建不能用压缩格式否则法线向量会被量化失真。3. 六种光效的逐个实现与关键参数解析3.1 边缘光Rim Light最简但最易翻车的基础写法边缘光的Shader代码看似简单但参数设计藏着致命坑。标准写法如下// 片元着色器片段 float rim 1.0 - saturate(dot(i.normal, i.viewDir)); rim pow(rim, _RimPower); rim * _RimIntensity; fixed4 rimColor _RimColor * rim; col rimColor;问题出在i.normal和i.viewDir的计算上。新手常犯的错误是直接用v.normal模型空间法线和_WorldSpaceCameraPos世界空间相机位置做点积这会导致法线未转换到同一空间。正确做法是// 顶点着色器中 o.normal UnityObjectToWorldNormal(v.normal); // 法线转世界空间 o.viewDir normalize(_WorldSpaceCameraPos.xyz - mul(unity_ObjectToWorld, v.vertex).xyz); // 视线转世界空间 // 或者更高效转到视图空间 o.normal mul((float3x3)UNITY_MATRIX_MV, v.normal); o.viewDir normalize(UnityObjectToViewPos(v.vertex));_RimPower参数的物理意义是“边缘衰减率”。设为1时rim值随角度线性变化设为8时只有法线与视线夹角在10度内才发光。但要注意pow(0.0, 0.0)在某些GPU上会返回NaN必须加保护rim (rim 0.001) ? pow(rim, _RimPower) : 0.0;_RimIntensity不能简单设为1.0因为边缘光会叠加到基础光照上。实测经验PBR材质下_RimIntensity建议0.3~0.6卡通渲染下可到1.0~2.0。最关键的是——边缘光必须放在Base Pass里不能单独写一个Pass否则会破坏Unity的光照叠加顺序。我在《机甲纪元》项目里曾为追求性能把边缘光拆到额外Pass结果角色在点光源下边缘光颜色发灰因为没参与主光照计算。3.2 内发光Inner Glow如何避免“发光糊成一片”内发光的核心是“在物体内部做距离衰减”但直接用UV坐标算距离会出大问题。正确做法是用屏幕空间坐标做距离计算。步骤如下在顶点着色器输出屏幕坐标o.screenPos ComputeScreenPos(o.pos);在片元着色器里采样深度图计算当前像素到物体边缘的距离float4 screenPos i.screenPos; screenPos.xy / screenPos.w; // 归一化到[0,1] float sceneDepth SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, screenPos.xy); float4 ndcPos float4(screenPos.xy * 2 - 1, sceneDepth * 2 - 1, 1); float3 worldPos mul(unity_CameraInvProjection, ndcPos).xyz / ndcPos.w; worldPos mul(unity_WorldToCamera, float4(worldPos, 1)).xyz; // 转到视图空间 float distToEdge length(worldPos.xy); // 简化用视图空间XY距离近似但这样计算成本太高。工业级方案是预计算一个“距离场纹理”Distance Field TextureUnity 2021支持Graphics.Blit生成。更实用的折中方案用_MainTex的Alpha通道做距离场。假设你的贴图Alpha1是实体Alpha0是透明那么float alpha tex2D(_MainTex, i.uv).a; float innerGlow smoothstep(_InnerGlowMin, _InnerGlowMax, alpha); col.rgb _InnerGlowColor.rgb * innerGlow;这里_InnerGlowMin和_InnerGlowMax是Alpha阈值。设_InnerGlowMin0.8_InnerGlowMax1.0则Alpha从0.8到1.0的区域线性过渡发光。这个参数必须根据贴图实际Alpha分布调试——我见过美术把角色贴图Alpha全设为0.99结果发光区域只有头发丝粗细。建议在Shader里加一句注释“请确保贴图Alpha通道有足够梯度”。3.3 外发光Outer Glow为什么你的发光总像“脏玻璃”外发光的常见错误是直接用tex2D做多次采样。比如// 错误示范四方向采样 float4 sum tex2D(_MainTex, i.uv float2(0.01, 0)) tex2D(_MainTex, i.uv float2(-0.01, 0)) tex2D(_MainTex, i.uv float2(0, 0.01)) tex2D(_MainTex, i.uv float2(0, -0.01)); col.rgb sum.rgb * _GlowIntensity;这会导致发光边缘锯齿严重且无法控制衰减。正确做法是用高斯核做卷积但移动端要简化。我的实操方案是两Pass第一Pass横向模糊第二Pass纵向模糊。关键代码// 横向PassBlurX float2 offset float2(1.0 / _ScreenParams.x, 0); float4 color tex2D(_MainTex, i.uv) * 0.4; color tex2D(_MainTex, i.uv offset) * 0.2; color tex2D(_MainTex, i.uv - offset) * 0.2; color tex2D(_MainTex, i.uv offset * 2.0) * 0.1; color tex2D(_MainTex, i.uv - offset * 2.0) * 0.1; return color;_GlowSize参数实际控制offset的倍数。设为0.5时offset0.5/1080≈0.00046发光宽度约2像素设为2.0时发光宽度约8像素。但必须加边界检查float2 uv i.uv; uv.x clamp(uv.x, 0.001, 0.999); uv.y clamp(uv.y, 0.001, 0.999);否则在UI边缘会采样到黑边。另外外发光必须用Blend SrcAlpha OneMinusSrcAlpha否则会过度提亮背景。3.4 轮廓边缘光Outline RimSobel算子的实战调参轮廓边缘光需要独立Pass且必须开启ZWrite Off。完整流程创建深度法线RTRender Texture// C#脚本 RenderTexture rtDepth new RenderTexture(Screen.width, Screen.height, 24, RenderTextureFormat.R16); RenderTexture rtNormal new RenderTexture(Screen.width, Screen.height, 0, RenderTextureFormat.ARGB32);Shader中Sobel算子实现// 采样周围8个像素 float depthCenter SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv); float depthLeft SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(-1.0/_ScreenParams.xy)); float depthRight SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(1.0/_ScreenParams.xy)); float depthUp SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, 1.0/_ScreenParams.xy)); float depthDown SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, -1.0/_ScreenParams.xy)); // Sobel X方向梯度 float sobelX -depthLeft depthRight - 2.0*depthUp 2.0*depthDown; // Sobel Y方向梯度 float sobelY -depthUp depthDown - 2.0*depthLeft 2.0*depthRight; float edge sqrt(sobelX*sobelX sobelY*sobelY); // 法线图同理... float3 normal tex2D(_CameraNormalsTexture, uv).rgb; // ...计算normalEdge float finalEdge max(edge, normalEdge);_EdgeThreshold参数决定多强的梯度才算边缘。设为0.01时连微小噪点都会发光设为0.1时只有明显棱角才亮。实测经验Pico4上_EdgeThreshold0.05最稳。注意Sobel算子对噪声敏感必须在采样前加tex2Dlod做mipmap降噪。3.5 轮廓内边缘光Outline Inner Rim如何让发光“缩进”物体这个效果常用于“能量护盾收缩”或“UI选中态内嵌光晕”。核心是用深度差做掩膜。假设当前像素深度为d0周围像素平均深度为d1则d0 d1说明该像素在物体内部。代码float depth0 SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv); float depth1 (SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0.01, 0)) SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(-0.01, 0)) SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, 0.01)) SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, uv float2(0, -0.01))) * 0.25; float depthDiff depth1 - depth0; // 0 表示内部 float innerRim smoothstep(0.0, _OutlineWidth, depthDiff); col.rgb _InnerRimColor.rgb * innerRim;_OutlineWidth不是像素值而是深度差阈值。设为0.001时只在深度变化剧烈的区域发光设为0.01时发光区域变宽。关键技巧把_OutlineWidth连到Slider控件时Range设为0.0001~0.01而不是0~1否则美术调参时永远找不到有效值。3.6 轮廓外边缘光Outline Outer Rim解决“发光漂移”的终极方案外边缘光的最大问题是当物体移动时发光边缘会滞后或抖动。根源是深度图采样延迟。解决方案用运动矢量Motion Vector做补偿。Unity 2020支持_CameraMotionVectorsTexture。代码float2 motion tex2D(_CameraMotionVectorsTexture, uv).rg; float2 compensatedUv uv motion * _MotionCompensation; float4 outlineColor tex2D(_MainTex, compensatedUv); col.rgb outlineColor.rgb * _OutlineIntensity;_MotionCompensation参数控制补偿强度。设为0.5时发光跟随物体移动设为1.0时完全消除漂移。但要注意运动矢量图在静态场景里是黑的必须加判断if (motion.x ! 0 || motion.y ! 0) { uv compensatedUv; }没有运动矢量图时退化方案是用上一帧深度图做差值但这会增加1帧延迟。我在《太空快递》项目里为保证Pico4的60FPS最终选择禁用运动补偿改用_OutlineWidth动态缩放物体速度越快_OutlineWidth越小从视觉上减少漂移感。4. 实操避坑指南从编辑器调试到真机验证4.1 编辑器里三步定位Shader问题别急着改代码先用Unity内置工具做诊断Frame Debugger帧调试器Window → Rendering → Frame Debugger。打开后点击“Enable”然后逐帧播放。重点看是否有意外的Pass被调用比如外发光Pass在Opaque队列执行每个Pass的Draw Call数量是否异常超过200次需警惕深度图是否正确生成在“Camera.Render”节点下找_CameraDepthTextureShader Variant Collection变体收集器Edit → Graphics → Shader Variant Collection。把你的Shader拖进去点击“Collect”。查看变体数量——如果超过50个说明#pragma multi_compile滥用。比如边缘光Shader里写了#pragma multi_compile __ LIGHTMAP_ON DYNAMICLIGHTMAP_ON但项目根本不用光照贴图这些变体就是冗余。RenderDoc抓帧分析下载RenderDoc运行UnityAttach到进程。在RenderDoc里查看Pixel History点任意发光像素看是哪个Pass写的值查看Texture Viewer确认_CameraDepthTexture分辨率是否匹配屏幕1080p项目里必须是1080x1920不是512x512查看Event Browser找到DrawIndexed事件右键“Debug Pixel”直接看到片元着色器每行代码的输出值注意RenderDoc在Mac上不支持Metal后端iOS调试必须用Xcode的GPU Frame Capture。4.2 Pico4真机调试的五个硬性规则Pico4的Adreno GPU和手机GPU行为不同必须遵守禁止使用tex2Dlod以外的任何mipmap采样tex2D在Pico4上会随机崩溃必须显式指定LOD层级。例如// 正确 float4 col tex2Dlod(_MainTex, float4(i.uv, 0, 0)); // 错误 float4 col tex2D(_MainTex, i.uv);深度图采样必须用SAMPLE_DEPTH_TEXTURE宏直接tex2D采样_CameraDepthTexture在Pico4上返回0。这个宏会自动适配不同平台的深度纹理格式。所有浮点运算加#pragma hlslcc_no_halfPico4的half精度浮点数在pow()函数里会溢出。在Shader顶部加#pragma hlslcc_no_half纹理尺寸必须是2的幂_CameraDepthTexture在Pico4上如果不是512x512或1024x1024会采样失败。在C#脚本里强制设置rtDepth.width Mathf.NextPowerOfTwo(Screen.width); rtDepth.height Mathf.NextPowerOfTwo(Screen.height);关闭HDR渲染Pico4不支持HDR显示开启HDR会导致发光过曝。Project Settings → Player → XR Plugin Management → Pico → Disable HDR。4.3 微信小游戏的特殊限制与绕过方案微信小游戏打包Unity时WebGL后端有三大限制禁止动态纹理创建new RenderTexture()在微信环境会报错。解决方案用Graphics.Blit复用已有RT。例如// 不要这样 RenderTexture rt new RenderTexture(1024, 1024, 24); // 改为这样 Graphics.Blit(sourceTex, destinationRT, material);Shader Model 2.0限制微信不支持#pragma target 3.0。所有Shader必须用#pragma target 2.0且禁用tex2Dlod、frac等高级指令。替代方案// 用fmod代替frac float t fmod(i.uv.x, 1.0); // 用lerp代替smoothstep精度稍低但兼容 float s lerp(0.0, 1.0, saturate((t - _Min) / (_Max - _Min)));内存限制单个Shader变体不能超过1MB。我的绕过方案是——把六种光效拆成六个独立Shader用MaterialPropertyBlock在运行时切换而不是写一个巨无霸Shader。实测微信包体减少12MB。4.4 性能优化的七条铁律合并Pass边缘光、内发光、外发光能在一个Pass里完成就绝不要拆三个Pass。每个额外Pass增加一次G-Buffer读写。用half代替float移动端GPU的half精度足够运算速度快50%。声明变量时half rim 1.0h - saturate(dot(i.normal, i.viewDir));预计算常量1.0 / _ScreenParams.xy这种值在C#脚本里算好传入不要在Shader里实时除法。禁用不必要的纹理采样外发光Shader里如果_GlowSize 0.5直接跳过模糊Pass用tex2D单次采样。用[HideInInspector]隐藏美术不用的参数比如轮廓光的_EdgeThreshold普通美术调不到放在Inspector里只会造成干扰。Shader关键词按需启用#pragma multi_compile ___ OUTLINE_ON而不是#pragma multi_compile __ OUTLINE_ON GLOW_ON RIM_ON避免生成无用变体。用[ExecuteInEditMode]脚本自动校验写一个Editor脚本当Material赋值时自动检查_RimPower是否在1~32范围内超出则弹窗警告。5. 六种光效的组合应用与场景化方案5.1 AR角色高亮边缘光轮廓外边缘光的协同在AR应用里要把虚拟角色“钉”在真实场景上需要双重高亮内部用边缘光表示角色朝向外部用轮廓外边缘光表示与现实世界的交界。关键技巧边缘光用_RimPower4强调角色正面朝向轮廓外边缘光用_OutlineWidth0.005确保发光紧贴角色边缘两者颜色不同边缘光用暖色#FFD700轮廓光用冷色#00BFFF形成视觉层次。在Pico4上必须开启Occlusion Culling否则轮廓光会穿透真实物体。我在《AR维修助手》项目里发现当角色靠近墙壁时轮廓光会把墙壁也染蓝。解决方案在轮廓光Pass里加深度测试ZTest LEqual ZWrite Off确保只在角色深度值处绘制。5.2 UI按钮悬停态内发光外发光的节奏控制UI按钮的悬停效果核心是“呼吸感”。我的方案内发光_InnerGlowMin0.9,_InnerGlowMax1.0让发光从按钮中心向外扩散外发光_GlowSize1.0宽度约4像素颜色比内发光浅20%用Animation Curve控制参数内发光强度用Ease In曲线0.2秒内从0到1外发光用Ease Out0.3秒内从1到0。这样形成“内亮→外扩→内收”的节奏。实操心得微信小游戏里Animation Curve必须烘焙成数组否则GC压力过大。我在Start()里预计算100帧的float[]运行时查表。5.3 敌人受击反馈轮廓内边缘光外发光的爆炸式组合敌人被击中时需要“从内爆开再向外交散”的效果。方案第一帧轮廓内边缘光_OutlineWidth0.001强度1.0模拟能量在体内聚集第二帧外发光_GlowSize0.5强度0.8开始向外扩散第三帧轮廓内边缘光_OutlineWidth0.01外发光_GlowSize2.0达到峰值第四帧起两者线性衰减至0。关键点所有参数必须用MaterialPropertyBlock更新避免频繁material.SetFloat()触发Shader变体切换。5.4 迷雾环境角色识别边缘光内发光的穿透方案参考“cocos shader游戏迷雾做法”Unity里实现类似效果迷雾用_FogDensity控制浓度角色边缘光_RimIntensity随_FogDensity线性增加雾越浓边缘越亮内发光_InnerGlowIntensity设为固定值0.3确保角色内部始终可见。公式rimIntensity 0.5 _FogDensity * 0.5。这样在浓雾中角色像一盏灯但不会破坏迷雾氛围。5.5 Pico4手柄交互光效外发光的低延迟优化Pico4手柄追踪有15ms延迟外发光必须同步。方案用LateUpdate()获取手柄最新位置计算手柄到屏幕中心的偏移量delta;动态调整外发光_GlowSize 1.0 length(delta) * 0.5;这样手柄靠近屏幕中心时发光变细远离时变粗视觉上补偿了延迟。我在《VR健身教练》项目里实测这个方案比单纯加大_GlowSize更自然用户不会感觉“光晕追不上手”。6. 最后分享一个血泪教训关于“Unity renderer的包围盒”标题里提到的“Unity renderer的包围盒”其实是所有光效的底层开关。Renderer的Bounds包围盒决定了OnBecameVisible()和OnBecameInvisible()的触发时机而很多发光Shader依赖这两个回调做资源加载。但问题在于Unity的包围盒是AABB轴对齐包围盒不是OBB定向包围盒。当角色旋转90度时AABB会变大一倍导致发光效果提前激活。我在《机甲格斗》项目里机甲手臂旋转时外发光在手臂还没进入屏幕时就亮了。解决方案用Mesh.bounds替代Renderer.bounds因为Mesh Bounds是静态的或者在OnEnable()里手动计算OBBBounds obb new Bounds(transform.position, Vector3.one); foreach (Vector3 v in mesh.vertices) { Vector3 worldPos transform.TransformPoint(v); obb.Encapsulate(worldPos); }但这样性能差。最终方案在角色Prefab上加一个空GameObject命名为“GlowTrigger”把它放到角色质心用它的Renderer.bounds做触发——因为质心不随旋转变化包围盒稳定。这个细节没人讲但它决定了你的发光效果是“精准响应”还是“凭空乱闪”。做Unity Shader永远要从包围盒开始想而不是从代码开始写。