Unity GUI优化

1.概念

同一Canves下,满足合批规则的多个UI元素的网格数据合并到一个顶点缓冲区,仅用一个DrawCall提交GPU渲染。

2.合批条件

  • 处在同一Canves下
  • 共享同一个图集(或相同贴图)以及相同的材质实例

注:相同Shader的不同材质实例也不会合批。

  • VisiableList元素相邻(连续)且Depth相同(不被穿插)

3.合批流程

  • 按照Hierarchy窗口的层级做深度优先搜索,确定基础的渲染顺序(层级越考上,越优先渲染)
  • 计算各元素的Depth。

注:不渲染(active=false、alpha=0、完全在裁剪区域外) = -1且不参与合批;没相交 = 0;相交(网格重叠)的话:二者**相同材质实例与同一图集(相同贴图)**则两者相等,不可以的话在另一个元素上面的depth需要在另一个基础上 + 1。

  • 按照Depth,mat ID,texture ID,Renderer Order(Inspector面板的顺序)顺序从小到大排序,得到VisiableList。

注:在计算Depth时其实就已经在考虑材质与纹理了,此时比较是在depth相同的情况下。

  • 依次检查这个列表的相邻元素看他们是否满足合批条件。

4.优化方案

  • 动静分离(动态与静态UI使用不同Canves),多个Canves的会打断合批,但减少网格重建所需时间,同时动态的元素还有可能破坏VisiableList,从而增加合批。

注:Text与Image分离依然有意义,将两种纹理不同的UI元素各自挂载两个Canves。Text与Image穿插会导致合批中断。

  • 避免UI元素过多与层级复杂,影响合批速度。
  • 文本最好用TextMeshPro或者图片
  • 减少Mask组件使用(增加2个DrawCall,隔离合批空间)
  • 使用图集

5.重建

概念:CPU计算网格,UI元素的RectTransfrom尺寸与锚点变化,视觉元素的改变都会使得同一Canves下的所有元素网格重建。

注:Unity将网格重建放在子线程上执行,使其重建的消耗减少,因此Unity官方不需要使用多个Canves。

相关推荐
Yuk丶1 小时前
Procedural Dialogue Engine - UE4程序化对话系统的技术实现
c++·游戏引擎·ue4·游戏程序·虚幻
RReality2 小时前
【Unity Shader URP】屏幕空间扭曲后处理(Screen Space Distortion)实战教程
ui·unity·游戏引擎·图形渲染·材质
zcc8580797624 小时前
Unity 事件驱动架构
unity
心之所向,自强不息4 小时前
VSCode + EmmyLua 调试 Unity Lua(最简接入 + 不阻塞运行版)
vscode·unity·lua
空中海5 小时前
第六篇:Unity专项方向
unity·游戏引擎
mxwin6 小时前
Unity Shader 屏幕空间反射 (SSR) 原理解析
jvm·unity·游戏引擎·shader
心前阳光6 小时前
Unity之利用特性给ScriptableObject分组
unity·游戏引擎
mxwin6 小时前
Unity Shader 屏幕空间法线重建 从深度缓冲反推世界法线——原理、踩坑与 URP Shader 实战
unity·游戏引擎·shader
空中海6 小时前
第五篇:Unity工程化能力
elasticsearch·unity·游戏引擎
LF男男6 小时前
TouchPad(单例)
unity·c#