Unity 3D - Mask和RectMask2D区别
Unity 3D - Mask和RectMask2D区别 :
主要区别:
-
区别1:
Mask主要处理不规则图形遮罩效果
RectMask2D只能做矩形遮罩.
-
区别2:
Mask需要一个Image来当作遮罩区域,子节点在Image[渲染区域]才会显示
RectMask2D以自身RectTransform为裁剪区域,子节点在[RectTransform区域]内显示
从效果上看 Mask+无图Image是可以替代RectMask2D , 但是为什么还存在RectMask2D呢?
先看下官方文档给出的说明
最重要的是最后一条[性能优势]
新建一个场景,默认drawcall(batches)数是2(天空盒1个drawcall, Camera1个drawcall).
现在添加一个Mask(Mask对象上有一个Image组件,子节点也是一个Image)
drawcall从2上升到5, 一个Mask导致增加了3个drawcall.
通过Frame Debug工具查到drawcall来源
Mask导致2个drawcall(第1个和第3个,一头一尾),Mask下的子节点Image导致1个drawcall(中间的)
再看下RectMask2D的情况(隐藏Mask, 显示RectMask2D)
drawcall为3, 只有新增1个drawcall.
从Frame Debug可以看出就是子节点Image导致的1个drawcall, 而RectMask2D不会导致drawcall.
结论 :
- 到这里可以暂时得出结论,如果只用固定矩形遮罩,不需要特殊形状遮罩的情况下,可以优先使用RectMask2D.
(例如常见于scrollview的情况下,创建scrollview默认是Mask,可以选择手动替换成RectMask2D,大多数情况都适用,会有些许性能提升)
进阶内容 :
把Mask复制一个出来Mask(1), 然后把位置摆开, 让2个Mask别重叠(后面会解释为什么不重叠).
摆成这个样子(不重叠就行)
然后再看一下drawcall情况, 还是5个drawcall, 没有变化.
Unity把2个Mask进行了网格合并, 3个drawcall, 分别为[2个Mask头]、[2个Image]、[2个Mask尾].
- 这里可以看出, Mask之间是可以进行合并的, 从而不额外增加drawcall
刚才强调不要重叠,现在看下如果重叠的话会出现什么情况
现在把2个Mask摆成下图这样.
然后会发现drawcall飙升至8.
这是因为Unity的合批需要同渲染层级(depth), 同材质, 同图集, 如果重叠了, depth就不同了, 6个drawcall分别为Mask头、Mask的Image、Mask尾、Mask(1)头、Mask(1)的Image、Mask(1)尾.
把2个Mask位置还原, 然后在Mask外创建一个Image, 看看Mask和外部的合并情况.
drawcall为6, 增加了1个drawcall, 说明Mask内外无法合批
然后把外部Image的Hierarchy的层级降低(2个Mask下面)
然后把Image放到Mask下
然后drawcall变成了9, 因为破坏了一个Mask的depth, 导致2个Mask无法合批, 这也再次验证了, Unity的合批需要depth相同.
最后看一下这种情况下的drawcall顺序
7个drawcall从上到下分别为Mask(1)的头、蓝色Image、Mask的头、Mask(1)的Image、Mask(1)尾、Mask的Image、Mask的尾.
Mask还有其他情况这里就不多做测试了
Mask小结:
1.多个Mask之间可以进行合批(头和头合批, 子对象和子对象合批, 尾和尾合批),需要同渲染层级(depth), 同材质, 同图集.
2.Mask内外不能进行合批.
再试试RectMask2D
把RectMask2D复制一个出来RectMask2D(1), 然后把位置摆开.
然后看drawcall为4, 因为RectMask2D本身不会导致drawcall, 所以RectMask2D之间不能进行合批.
RectMask2D小结:
1.RectMask2D本身不产生drawcall.
2.不同RectMask2D的子对象不能合批.
总结 :
如果界面只需要一个遮罩, 推荐使用RectMask2D, 如果界面需要多个遮罩, 根据情况分析, 看多个遮罩之间能否合批, 如果可以则可以考虑使用Mask.
小提示 :
根据UGUI源码, 嵌套Mask不能超过9层, 超过部分会使用默认材质, 超出部分遮罩失效.
