UGUI源码分析：MaskableGraphic，RectMask2D与Mask的原理

最新推荐文章于 2023-07-10 16:30:59 发布
最新推荐文章于 2023-07-10 16:30:59 发布
阅读量2.6k 收藏 5
点赞数 4
分类专栏： UGUI源码分析 Unity 文章标签： ugui unity unity3d 游戏开发 游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28820675/article/details/105849111
版权

系列

UGUI源码分析系列总览

文章目录

MaskableGraphic

BaseClass: Graphic

Interface: IClippable、IMaskable、IMaterialModifier

简介

前置：Graphic源码剖析

MaskableGraphic在 Graphic的基础上实现了裁剪与遮罩功能。

这主要是由 IClippable、IMaskable 两个接口来实现的。

在这里插入图片描述

​ 在Graphic更新材质的流程中有提及Mask。Graphic 可以理解成由骨头和皮肤所组成，骨头即顶点信息所构建的网格（Mesh），皮肤则是依附于Mesh的材质和纹理。实际上Mesh是不可见的，对于可见物的处理（例如Mask遮罩剔除）都是针对于Material。

理解清楚IClippable与IMaskable相关的组件原理便是理解MaskableGraphic的关键

RectMask2D 矩形裁剪

BaseClass: UIBehaviour

Interface: IClipp

最低0.47元/天 解锁文章
Vin129
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
unity-UGUI源码分享
08-23
UGUI的源码分析对于深入理解其工作原理、优化性能以及自定义组件具有极大的价值。这个“unity-UGUI源码分享”提供了最新版本的UGUI源码，让开发者有机会一窥其内部构造。 UGUI系统的核心组件包括：Canvas、Rect...
UGUI源码解析（十六）RectMask2D
qq826364410的专栏
03-05 1475
RectMask2D RectMask2D继承了UIBehaviour, IClipper, ICanvasRaycastFilter 维护了一个IClippable类型的列表： private HashSet<IClippable> m_ClipTargets = new HashSet<IClippable>(); AddClippable方法 设置m_Sho...
【详细解析版】Unity UGUI Mask组件实现原理
qq826364410的专栏
12-19 1万+
Masking is implemented using the stencil buffer of the GPU. 即Mask是利用了GPU的模板缓冲来实现的，关于模板，打个简单的比方，就像一个面具，可以挡住一部分“脸”的显示一样。Mask的关键代码其实只有一行，如下（为方便理解，对代码做了简化处理）： var maskMaterial = StencilMaterial.Add(ba...
UGUI源码解析——Mask
L的博客
07-18 1543
Mask是遮罩组件，继承自UIBehaviour、ICanvasRaycastFilter、IMaterialModifier它遮罩的形状由Graphic决定，所以可以利用不同的Graphic实现不同形状的遮罩它的实现原理是利用了StencilBuffer（模板缓存）在Mask的GetModifiedMaterial方法中生成一个材质将StencilBuffer值设置为特定值在MaskableGraphic的GetModifiedMaterial方法中。...............
UGUI Mask组件 使用
weixin_42935398的博客
08-23 1271
他人总结    Unity UGUI——遮罩效果（Mask） 我的总结    0.目的      让物体只显示遮罩部分    1.基本结构      ▼Mask带Image组件，作为父物体        要部分显示的物体，作为子物体    2.注意      子物体要只显示Mask处的内容，Mask所在的父物体，必须加Image组件    3.原理（非须知内容，仅做参考）      目标物体，只有遮罩范围内的部分被渲染【详细解析版】Unity UGUI Mask组件实现原理 ...
Unity UGUI的Mask（遮罩）组件的介绍及使用
最新发布
alianblank的博客
07-10 4847
Mask（遮罩）组件是Unity UGUI中的一个重要组件，用于限制子对象的可见区域。通过设置遮罩组件，可以实现一些特殊效果，如显示部分图片、裁剪文本等。
UGUI源码解析——RectMask2D
L的博客
07-12 1056
RectMask2D是矩形遮罩组件，是通过CanvasRenderer实现的——AddClippable 添加裁剪对象 设置m_ShouldRecalculateClipRects为true，接着判断裁剪对象是否为MaskableGraphic，并添加到IClippable序列或MaskableGraphic序列中，最后将m_ForceClip设置为true 此方法在MaskableGraphic类中的UpdateClipParent方法中被调用 ——RemoveClippable 移除裁剪对象 设置m
UGUI源码-2020.10.07.zip
03-10
此外，UGUI的源码分析可以让你了解到如何实现UI的动态更新和性能优化。例如，了解CanvasGroup组件如何控制UI元素的透明度和可见性，或者Mask组件如何实现区域遮罩效果。你还可以探索如何利用Unity的Graphics....
uGUI超文本：uGUI的超文本
02-05
uGUI超文本 UnityEngine.UI.Textで任意の部分文字列をクリック可能にするコンポーネントです。 （由Google翻译） public class RegexExample : MonoBehaviour { [ SerializeField ] RegexHypertext text = ...
UGUI源码.zip_Ugui_ugui源码_ugui源码下载_unity_unity ugui源码
09-20
UGUI源码的分析对于深入理解其工作原理、优化性能以及自定义扩展功能具有重要意义。 在Unity UGUI系统中，主要由以下几个关键组件构成： 1. **Canvas**：这是UI系统的容器，用于管理所有的UI元素。Canvas可以设置...
UGUI 源码~~
09-04
在Unity 5版本中引入，UGUI的源码对于深入理解其工作原理、进行自定义扩展以及优化性能具有重要意义。 UGUI系统的核心组件包括： 1. **Canvas**：它是UI系统的画布，负责渲染所有的UI元素。Canvas可以设置为屏幕...
Unity UGUI中Mask和RectMask2D
zhaojunkuan的博客
11-09 3253
Unity UGUI中Mask和RectMask2D 每个月一次经验分享，连比划带抄的完成了。 1、 Mask和RectMask2D原理 (1)、Mask 由于裁切需要同时裁切图片和文本，所以Image和Text都会派生自MaskableGraphic。 如果要让Mask节点下的元素裁切，那么它需要占一个DrawCall，因为这些元素需要一个新的Shader参数来渲染。(查看源码)Image对象在进行Rebuild()时，UpdateMaterial()方法中会获取需要渲染的材质，并且判断当前对象的组件是否
Unity Mask 和RectMask2D原理和区别
qq_32756581的博客
08-24 2775
Mask 会多出两个DrawCall 一个是 Mask 本身 会创建一个材质球 把自身Image 的像素标记到模板缓冲区StencilBuff 导致一个DrawCall 另一个是 在Mask 遍历完所有子节点 修改子节点的材质球参数 赋值为对应的裁剪参数 最后 会重置一下缓存StencilBuff 导致又有一个DrawCall多个Mask 直接 如果达成合批条件（不能重叠） 即 Mask组件本身的图片一样 他就能合批（即Mask首合批） 同理Mask尾部遍历完如果能合批 也会合批。
UI(四) - UGUI核心源码剖析
s178435865的专栏
03-14 494
UI(四) - UGUI核心源码剖析
（八）RectMask2D详解
qq_37833413的博客
04-11 1742
文章目录1.前言2.详解3.结语 1.前言 RectMaskD的基本原理就是CanvasRenderer的EnableRectClipping方法，上一节已经做了详细说明。而它的工作流程在（六）和（五）中也做了详细分析。此篇重新梳理一下流程，做更细致的分析。 2.详解 RectMask2D的基本原理比较建议，复杂点在于其上层逻辑比较复杂，今天就按逻辑流程顺序进行分析。 1）启动时通过Clipper...
【Unity源码学习】遮罩：Mask 和 RectMask2D 学习
热门推荐
m0_58523831的博客
06-12 2万+
Mask原理分析。 RectMask2D原理分析。 RectMask2D和Mask的性能区分
UGUI源码解析——MaskUtilities
L的博客
07-18 704
遮罩相关工具类。
Unity中Mask和RectMask2D组件的对比与测试
ryougi_的博客
06-25 1341
组件用法 Mask组件可以实现遮罩的效果，将一个图像设为拥有mask组件图像的子物体，最后就会隐藏掉子图像和mask图像不重合的部分。例如： （蓝色的圆形名为mask，数字图片名为image） 在“mask”图片上添加mask组件后的结果（可以选择是否隐藏mask图像）： RectMask2D的基本用法 RectMask2D的用法和mask大致相同，不过RectMask2D只能裁剪一个矩形区域，同时RectMask2D可以选择边缘虚化 原理分析 Mask的原理分析 Mask会赋予Image一个特殊
Unity中UGUI的mask和mask2D的区别
05-31
Unity中的UGUI中的Mask和Mask2D都可以用来实现UI的遮罩效果，但它们的实现方式有些不同。 Mask是一个组件，可以用来将子UI元素裁剪成指定的形状，让子UI元素只在Mask指定的区域内显示。Mask组件使用的裁剪方式是基于Stencil Buffer的技术，需要将Mask组件和子UI元素的Canvas Renderer组件的Material设置为使用Stencil Buffer的材质。 Mask2D是一个Shader，可以用来将UI元素裁剪成指定的形状，并且可以实现更复杂的遮罩效果。Mask2D使用的裁剪方式是基于Alpha Test的技术，需要将UI元素的Material设置为使用Mask2D的Shader，并设置好对应的Mask贴图。 总的来说，如果只需要简单的遮罩效果，可以使用Mask组件，如果需要更复杂的遮罩效果，可以使用Mask2D。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值