核心观点透明物体本身并不昂贵昂贵的是它在屏幕上层层叠加的面积。优化透明物体本质上是减少Overdraw过度绘制同时缩短每次绘制的着色成本。一、为什么透明物体特别耗性能 一个比喻油画与玻璃窗不透明物体像油画。最上面一层颜料会盖住下面的颜料GPU 可以通过深度测试提前跳过被挡住的像素。透明物体像一层层叠起来的彩色玻璃。每一层都要看到后面那一层GPU必须逐层计算、逐层混合一个像素也省不掉。透明物体的五大成本成本原因1. Overdraw 严重透明物体通常不写深度叠在一起的每一层都要执行片元着色器2. Early-Z 帮不上忙前一层透明物体不能遮挡后一层深度测试无法剔除它们3. 带宽压力大Alpha Blend 需要读取帧缓冲 → 混合 → 写回每层都多一次读写4. 必须排序合批变难透明队列需要从后往前绘制不同材质交错时会频繁打断合批5. 移动端 HSR 失效PowerVR、Apple GPU 的隐藏面消除以及 Mali 的 FPK 等技术主要对不透明物体生效举个例子一个全屏烟雾特效由 20 张粒子面片叠成。在 1080p 下单层就是约 200 万个像素叠 20 层就是4000 万次片元着色和混合足以拖垮一台中端手机。 透明物体的性能瓶颈通常是像素填充率Fill Rate和带宽而不是顶点数或 DrawCall。所以很多优化手段会多花一点顶点换取少画很多像素。二、先诊断后优化1. 查看 Overdraw渲染管线方法Built-inScene 视图左上角选择Draw Mode → OverdrawURPWindow → Analysis → Rendering Debugger → Rendering → Overdraw ModeUnity 2022 起可以分别查看不透明、透明或全部物体HDRPRendering Debugger 中的Transparency Overdraw模式画面越亮说明该区域被重复绘制的次数越多。⚠️ Scene 视图的 Overdraw 模式只是近似结果能帮你快速发现问题但最终结论应以真机 GPU 分析为准。2. 定位具体绘制Frame DebuggerWindow → Analysis → Frame Debugger查看透明队列的绘制顺序、合批被打断的原因Unity Profiler关注 GPU 模块以及 Rendering 中 Batches、SetPass Calls 的数量真机工具iOSXcode GPU Frame CaptureAndroidSnapdragon Profiler、Arm Mobile StudioMali、Android GPU InspectorPCRenderDoc、PIX、Nsight3. 一个快速判断方法降低渲染分辨率后如果帧率明显提升说明瓶颈很可能在像素填充率透明物体往往是首要嫌疑对象。4. 设定预算平台建议的平均 Overdraw低端手机约 1.52 倍中高端手机约 23 倍主机、PC相对宽松但全屏大面积透明叠加仍应控制这些数字只是经验参考最终应根据项目的目标帧率和真机测试结果制定。三、优化策略总览减少透明物体的开销 │ ┌───────────┬───┴──────────┬──────────────┐ 能不透明 少画像素 画得更便宜 合批与排序 就不透明 减少面积 降低单像素成本 │ │ │ │ 改为不透明 紧贴形状网格 简化 Shader 图集与共用材质 抖动透明 控制粒子大小 低分辨率渲染 预乘 Alpha 美术替代 UI 隐藏优化 减少采样 合理排序四、策略一能不透明就不要透明1. 审查每一个透明材质很多透明材质其实是顺手选的墙上的贴花用了透明却完全可以烘焙进底图某个模型使用透明 Shader只是因为贴图边缘有一点半透明远处的树木、栏杆在小屏幕上根本看不出半透明边缘。能改成不透明的优先改为不透明。2. 慎用 Alpha Testclip替代透明很多文章会建议把透明改成 Alpha Test但这需要区分平台方案桌面端移动端 TBDRAlpha BlendOverdraw 高Overdraw 高Alpha Test (clip/discard)通常比 Blend 更划算可以写深度可能破坏 HSR 和 Early-Z有时反而更慢不透明 紧贴形状网格最优最优在移动端处理树叶、草、铁丝网时更推荐用网格勾勒形状尽量减少需要裁剪的空白区域如果必须使用clip可以考虑深度预通道先用简单 Shader 写入深度再用ZTest Equal进行着色减少重复执行复杂着色器必须在目标机型上实测不同 GPU 的表现差异很大。3. 抖动透明Dithered Transparency对于渐隐、遮挡淡出这类效果例如角色挡住镜头时淡出LOD 切换的淡入淡出远处物体逐渐消失可以使用屏幕空间抖动按像素位置决定画还是不画物体仍在不透明队列中渲染并能正常写入深度。// 4x4 Bayer 抖动矩阵 static const float DITHER_4x4[16] { 0.0 / 16.0, 8.0 / 16.0, 2.0 / 16.0, 10.0 / 16.0, 12.0 / 16.0, 4.0 / 16.0, 14.0 / 16.0, 6.0 / 16.0, 3.0 / 16.0, 11.0 / 16.0, 1.0 / 16.0, 9.0 / 16.0, 15.0 / 16.0, 7.0 / 16.0, 13.0 / 16.0, 5.0 / 16.0 }; void DitherClip(float2 screenPos, float alpha) { uint2 p uint2(screenPos) % 4; float threshold DITHER_4x4[p.y * 4 p.x]; clip(alpha - threshold - 0.001); } // 片元着色器中调用 // DitherClip(input.positionCS.xy, _FadeAlpha);优点不需要排序可以写深度可以参与阴影缺点会产生网点纹理配合 TAA 时效果更好移动端注意它同样使用clip只适合少量物体的过渡效果不适合大面积长期使用。Unity 的 LOD Group 本身就支持Cross Fade模式配合 Shader 中的LOD_FADE_CROSSFADE关键字即可实现类似效果。五、策略二少画像素——缩小透明面积这通常是收益最大的一类优化。1. 用紧贴形状的网格代替方形面片一张圆形光斑贴图放在方形面片上四个角都是完全透明的像素但 GPU 仍然要为它们执行片元着色器和混合。方形 Quad 紧贴网格 ┌──────────┐ ╱‾‾‾‾‾╲ │ ░░████░░ │ ╱ ████ ╲ │ ░██████░ │ → │ ██████ │ │ ░░████░░ │ ╲ ████ ╱ └──────────┘ ╲_____╱ 大量透明区域白白绘制 只绘制有效区域在 Unity 中可以这样做对象方法Sprite导入设置中将Mesh Type设为TightUI Image勾选Use Sprite Mesh需要 Sprite 使用 Tight 网格粒子Renderer 模块中把 Render Mode 改为Mesh使用八边形等紧贴网格特效面片让美术在 DCC 工具中按贴图形状裁剪模型增加几个顶点的代价通常远小于减少大量透明像素带来的收益。2. 控制粒子系统设置建议Max Particles设置合理上限避免峰值时粒子数量失控Max Particle SizeRenderer 模块限制单个粒子占屏幕的比例防止贴近镜头时覆盖整屏Emission用更少、更大的粒子或者用序列帧贴图替代大量叠加生命周期透明度已经接近 0 的粒子尽早销毁距离与质量分级远处或低画质设置下减少发射数量关闭次要层// 根据画质等级调整粒子发射率publicclassParticleQualityScaler:MonoBehaviour{[SerializeField]privateParticleSystem[]systems;[SerializeField]privatefloat[]emissionScaleByQuality{0.3f,0.6f,1.0f};privatevoidStart(){intlevelMathf.Clamp(QualitySettings.GetQualityLevel(),0,emissionScaleByQuality.Length-1);floatscaleemissionScaleByQuality[level];foreach(varpsinsystems){varemissionps.emission;emission.rateOverTimeMultiplier*scale;}}}3. 合并图层减少叠加层数美术常常为了一个效果叠加多层火焰核心、外焰、辉光、烟雾、火星……把多层静态叠加的效果预先合成为一张序列帧贴图去掉肉眼几乎看不出的层用一个 Shader 在单次绘制中采样多张贴图完成混合替代多个面片叠加。一次绘制采样三张贴图通常比三个面片在同一区域重复混合三次更省带宽。4. 警惕全屏透明物体以下物体容易覆盖整个屏幕大片水面、雾效面片镜头前的雨、雪、光晕特效全屏 UI 遮罩、渐变背景角色身边的大范围光环。处理方法尽量把全屏效果改为后处理一次完成让效果只覆盖必要的屏幕区域对贴近镜头的透明物体进行近距离淡出或剔除。六、策略三UI 中的透明优化在 UGUI 中几乎所有 Image 都走透明渲染UI 往往是 Overdraw 的重灾区。1. 不要用 alpha 0 隐藏 UI把颜色透明度设为 0元素在视觉上消失了但可能仍会生成网格并参与绘制。做法是否仍可能产生绘制开销Image.color.a 0可能取决于CanvasRenderer的Cull Transparent Mesh设置CanvasGroup.alpha 0可能并且仍会参与布局等计算禁用Canvas组件不再绘制并且不会触发整个 Canvas 重建SetActive(false)不再绘制但重新激活时开销较大建议检查CanvasRenderer的Cull Transparent Mesh选项是否开启需要频繁显隐的界面优先禁用 Canvas 组件。2. 用空 Graphic代替透明点击区域很多按钮的点击区域是一张透明的 Image它没有画面却仍可能参与渲染。可以用一个只接收射线、不生成网格的组件替代usingUnityEngine;usingUnityEngine.UI;/// summary/// 只用于接收点击不产生任何绘制/// /summary[RequireComponent(typeof(CanvasRenderer))]publicclassEmptyRaycastGraphic:Graphic{protectedoverridevoidOnPopulateMesh(VertexHelpervh){vh.Clear();// 不生成任何顶点}// 不需要设置贴图和材质publicoverridevoidSetMaterialDirty(){}publicoverridevoidSetVerticesDirty(){}}3. 全屏界面打开时停止渲染被遮挡的内容当背包、商城等全屏不透明界面打开时背后的 3D 场景和下层 UI 都被完全遮住却仍在每帧渲染publicclassFullScreenPanel:MonoBehaviour{[SerializeField]privateCamerasceneCamera;privatevoidOnEnable()sceneCamera.enabledfalse;// 关闭场景相机privatevoidOnDisable()sceneCamera.enabledtrue;}如果界面背景是半透明的可以在打开界面时截取一张场景截图并做模糊处理作为背景然后关闭场景相机。4. 其他 UI 建议问题建议大面积半透明背景层层叠加合并为一张贴图或改为不透明背景九宫格中间区域完全透明在 Image 中取消勾选Fill CenterMask组件使用模板缓冲会增加额外绘制矩形裁剪优先使用RectMask2D多个界面同时叠加显示加载新界面时关闭被完全遮挡的旧界面图集分散同一界面的元素尽量放在同一图集中减少合批中断七、策略四画得更便宜——降低单个像素的成本1. 简化透明 Shader既然透明像素很难减少到零那就让每个像素算得更快粒子、UI 尽量使用UnlitShader避免逐像素光照减少贴图采样次数必要时合并通道例如 R、G、B 分别存不同的遮罩移动端尽量使用half精度把能在顶点着色器中计算的内容移到顶点阶段避免在透明 Shader 中做复杂的屏幕空间运算。2. 低分辨率渲染透明特效对于大量叠加的烟雾、雾气、爆炸特效可以在半分辨率或四分之一分辨率的渲染纹理中绘制粒子再把结果合成回全分辨率画面。在 URP 中可以通过Renderer Feature将指定 Layer 的透明物体渲染到低分辨率 RT再合成到相机颜色缓冲。这样做的像素开销可以下降到原来的四分之一甚至十六分之一。缺点是边缘可能出现锯齿或深度不匹配需要进行处理例如使用降采样深度进行软化。3. 关闭不需要的屏幕纹理拷贝URP 中如果开启了Opaque Texture常用于折射、扭曲效果Depth Texture常用于软粒子、水面边缘、接触淡化管线会额外复制一次颜色或深度缓冲。如果项目中并没有透明 Shader 使用它们应在 URP Asset 或相机设置中关闭。软粒子Soft Particles也依赖深度纹理并且会增加每个像素的计算量低端设备上可以考虑关闭。八、策略五排序与合批1. 透明物体为什么难以合批不透明物体可以按材质分组绘制而透明物体必须按距离从后往前绘制以保证混合结果正确。距离排序结果 火焰(A材质) → 烟雾(B材质) → 火焰(A材质) → 烟雾(B材质) DrawCall 1 2 3 4即使只有两种材质交错排列也会导致合批全部被打断。2. 优化方法方法说明使用图集让多种特效共用同一张贴图和同一个材质预乘 AlphaPremultiplied Alpha同一种混合模式Blend One OneMinusSrcAlpha可以同时表现普通透明和叠加发光效果减少材质种类控制 Sorting Order / Render Queue对于视觉上不需要严格排序的特效手动指定顺序让相同材质集中绘制SRP BatcherURP/HDRP 中保持 Shader 兼容 SRP Batcher可以降低材质切换的 CPU 开销GPU Instancing大量相同的透明物体可以使用实例化预乘 Alpha 示例// 混合模式Blend One OneMinusSrcAlpha half4 frag(Varyings i) : SV_Target { half4 col tex2D(_MainTex, i.uv) * i.color; col.rgb * col.a; // 预乘 Alpha // 美术可以通过顶点色或参数控制 alpha // alpha 1 时为普通透明效果 // RGB 不为 0 且 alpha 0 时效果相当于叠加发光 return col; }⚠️ 手动调整排序可能导致少数情况下出现前后关系错误应只用于视觉上不敏感的特效。3. 复杂透明模型的排序问题对于头发、玻璃瓶等复杂透明模型常见问题是模型自身三角形之间的排序错误。常用方案是两遍渲染Pass 1只写深度ColorMask 0, ZWrite On Pass 2正常透明着色ZWrite Off, ZTest LEqual这样可以保证只绘制模型最前面的一层同时减少模型自身的重复叠加。缺点是会额外增加一次绘制并且模型内部的透明层将不可见。九、几个典型场景的处理方案场景推荐方案技能特效紧贴网格、限制粒子大小、合并图层、低画质时减少发射数量草和树叶网格勾勒形状移动端谨慎使用clip必要时采用深度预通道角色遮挡淡出抖动透明代替 Alpha Blend水面一张大面片使用单次绘制完成避免多层叠加按需使用 Opaque Texture雾、体积光改为后处理或高度雾 Shader避免大量透明面片叠加全屏 UI关闭场景相机使用截图背景隐藏被完全遮挡的界面HUD 与血条图集合批避免大面积透明底图十、优化检查清单美术资源每个透明材质都确认过是否真的需要透明Sprite 和 UI 使用 Tight 网格粒子贴图有效区域占比高透明空白少特效层数经过精简静态叠加已合成为贴图粒子系统设置了 Max Particles 和 Max Particle Size不同画质等级有对应的发射数量透明度接近 0 的粒子及时销毁UI不使用 alpha 0 作为隐藏手段透明点击区域使用空 Graphic全屏界面打开时关闭场景相机九宫格空心区域关闭 Fill CenterShader 与管线透明 Shader 尽量使用 Unlit 和低精度未使用的 Opaque Texture、Depth Texture 已关闭大面积特效考虑低分辨率渲染验证用 Overdraw 模式检查热点区域用 Frame Debugger 检查合批情况在目标机型上用 GPU 分析工具验证优化效果结语优化透明物体可以记住三个原则能不透明就不透明从源头减少透明物体能少画就少画用紧贴网格、限制尺寸、合并图层减少屏幕覆盖面积必须画就画便宜点简化 Shader降低分辨率提高合批效率。最后要记住透明物体优化的效果最终取决于目标设备。同样的 Alpha Test在 PC 上可能是优化在某些手机上却可能更慢。所以优化流程应该始终是测量 → 定位 → 优化 → 真机验证。