关于ui:深入UGUI-Mask组件原理和性能深度优化

9次阅读

共计 1885 个字符,预计需要花费 5 分钟才能阅读完成。

对于一款游戏 UI 零碎必不可少,UGUI 是当初项目组中实现 UI 零碎的大多数解决方案,应用宽泛。UGUI 提供的组件很多,内部很多厂商也提供了很多 UGUI 的第三方插件,而客户端开发人员往往适度关注我的项目进度实现性能,对各个组件仅仅停留在“会应用”这个根本层面上,并没有对组件自身的实现原理、优缺点以及性能方面做深刻理解。

该课程以性能备受争执的 Mask 组件为例,从 Mask 组件的实现原理动手,深刻到 CPU、GPU 和 GC 上 Mask 产生的影响,而后给出解决方案,最初给出在 UI 上应用 3D 模型,如何应用 Mask 原理对其进行遮罩解决。

  1. Mask 组件实现原理以及存在的问题
  2. Mask 组件的性能以及优化(CPU、GPU、GC)
  3. 如何用 Mask 组件来给 3D Object 做遮罩 

作者于洋,Unity 技术专家、引擎组组长。曾就任于人人网、Kabam、竞技世界。从事游戏开发十余年,经验了从 Flash 到 Unity 的游戏开发过程,长期从事游戏渲染和性能优化相干工作,对 PBR、云、雾、地形、URP 管线等有深入研究,曾参加过《Legacy of Zeus》、《荒岛求生》、《mythwar puzzle》等游戏的渲染和性能优化工作,乐于分享渲染和优化的相干技术。


目录 

1|概述
2|Mask 组件实现原理以及存在的问题
3|Mask 组件的性能以及优化
4|如何用 Mask 组件来给 3D Object 做遮罩
5|论断


本篇转载自《深刻 UGUI Mask 组件原理和性能深度优化》的第 1 节。

1|概述 

遮罩不是一种可见的 UI 控件,而是一种批改控件子元素外观的办法。遮罩将子元素限度(即“覆盖”)为父元素的形态。因而,如果子项比父项大,则子项仅蕴含在父项以内的局部才可见。

领有 Mask 组件的 UI 控件,能够限度其子对象的显示范畴,即当子对象的显示范畴显著大于父对象的显示范畴时,游戏视图就只显示父对象范畴内的子对象,其余局部自动隐藏。

咱们在 Canvas 上面新建一个 2D UI Image,抉择一个带有形态图案的 Sprite,在该物体上 Add Mask Component,这样,它就变成了一个遮罩物体。以该物体作为父对象,在其上面新建一个 2D UI Image 作为子物体,抉择一个 Sprite,这样就实现了一个简略的 Mask 组件的应用,后果如下图:

留神到 Mask 组件里有个选项“Show Mask Graphic”,官网的形容“是否应在子对象上应用 Alpha 绘制遮罩(父)对象的图形?”

意思就是是否绘制出 Mask 组件上的 Image 图形,如下图:

勾掉后,就不会再绘制出该 Image,具体无关的性能问题,在后续会具体探讨。

以上根本介绍了一下 UGUI Mask 组件以及最根底的应用办法,在应用办法上,大家作为 Unity 的开发人员必定是特地相熟。

然而在理论游戏开发中,咱们不仅仅要关注于我的项目的性能开发进度,如果游戏的性能不能满足要求,经常出现卡顿、闪退等问题,用户体验重大降落,就算开发出再好的游戏玩法也没方法满足玩家的体验需要。

性能优化是游戏我的项目开发中一个重要且必须的元素。而即使在硬件设施高速倒退的明天,随着用户和我的项目的需要的持续增长,对游戏特效、画质、高度简单且实在的场景的需要也在逐步榨干硬件性能,无论大公司还是小公司,无论研发团队有如许丰盛的开发教训,性能优化这件事永远是一个十分辣手而又无奈绕开的问题。

那么咱们在进行游戏开发的时候,对我的项目中所应用到的组件、库、插件、Unity built-in 的性能的过程当中,要时刻警觉其性能问题:有没有给我的项目带来重大的性能降落?如果呈现了性能降落了,是因为应用了哪个性能导致的?有没有其余的计划能够作为代替?

Mask 组件就是其中之一,咱们在应用的时候要一直地进行性能评估。你是否在理论开发中有过上面几个疑难:

  1. 在应用了 Mask 组件之后,DrawCall 为何减少特地重大?这些 DrawCall 的起源是哪里?
  2. 应用 Mask 组件做遮罩的视觉效果其实并不现实,有锯齿?
  3. 网上说的应用 Mask 组件的子对象没方法和外界做合批处理,低层的起因是为什么?
  4. 如何对 Mask 组件进行优化以满足本人我的项目的性能要求?

接下来的章节会一一具体解答这些问题。


以上就是《深刻 UGUI Mask 组件原理和性能深度优化》的第 1 节,此篇文章比拟适宜从事游戏开发的 Unity 客户端开发人员、心愿晋升渲染和性能优化能力的人以及对性能优化感兴趣的同学。

读完全篇后你会深刻理解 UGUI 源代码和实现逻辑,并把握 Mask 组件对模板缓冲区的应用。

作者的另一篇文章《挪动端 GPU 性能深度优化剖析》也同时上线,组合购买仅需 19.9 元。

正文完
 0