UGUI-- Mask遮罩

最新推荐文章于 2025-10-18 18:03:30 发布
原创 最新推荐文章于 2025-10-18 18:03:30 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#UGUI #unity

本文介绍了游戏开发中如何使用遮罩组件实现图片的局部显示，重点讲解了Mask组件的应用、设置技巧以及制作遮罩父对象的方法，适合了解Unity3D或Cocos2dX开发者阅读。

1、遮罩是什么

在不改变图片的情况下，让图片在游戏中只显示其中的一部分

2、遮罩如何使用

实现遮罩效果的关键组件是Mask组件，通过在父对象上添加Mask组件即可遮罩其子对象

注意：

（1）想要被遮罩的Image需要勾选Maskable

（2）只要父对象添加里Mask组件，那么所有的UI子对象都会被遮罩

（3）遮罩父对象图片的制作，不透明的地方显示，透明的地方被遮罩 

在Mask组件中，有一项Show Mask Graphic，当不想用来遮罩的图片被显示的时候，不勾选此项

【unity游戏开发入门到精通——UGUI】Mask组件实现UGUI遮罩
向宇
05-01 1494
Mask遮罩是一种在不改变图片的情况下，让图片在游戏中只显示其中的一部分的组件。实际上，ScrollView滚动视图中的ViewPort就包含遮罩组件，这导致在滚动视图中只有在可见范围内才能看到组件。【零基础入门unity游戏开发——2D篇】SpriteMask精灵遮罩组件，只不过这里Mask遮罩是用在UGUI上的。
Unity-UGUI Mask 实现3D物体的遮罩
暗夜
11-14 1052
ModelVisibilityController 脚本用于在模型的屏幕坐标位于 UI 遮罩区域内时显示模型，并在模型离开遮罩区域时隐藏模型。精度问题：IsModelInsideMask() 方法会计算模型的边界 8 个角点，以确保模型的大部分进入遮罩区域时才显示，避免只因模型中心点位于遮罩内而误显示。遮罩判断不准确：确认 uiCamera 的 Culling Mask 设置为只渲染 UI 层，并确保模型的 Renderer 组件包含所有的模型网格。将 uiCamera 指定为该 UI 摄像机。
UGUI 用图片遮罩
bingheliefeng的专栏
07-08 726
在UGUI或者Sprite中，有图片作为遮罩层的情况，但是因为使用了SpriteAtlas，会造成取得的遮罩的uv是错误的。 所以我们需要得到正确的uv。 有两种方式，其实算法都一样，目的就是获取正确的遮罩层的uv。 第一种，通过外部传入一个vector4的值 在c#中，对材质传递Sprite信息值 if (img.sprite) { Sprite sprite = img.sprite; Vector4 result = new Vector4(sprite.textureRe
UGUI源码阅读（五）遮罩之Mask
qilin598866753的博客
07-10 620
ugui Mask实现原理
Unity 自定义轻量柔和遮罩（Soft Mask）实现详解【含源码 + 原理】
最新发布
qq_41709126的博客
10-18 994
Unity游戏开发，解决内置Mask组件处理地图遮罩类似场景时出现边缘锯齿的问题
UGUI遮罩
qq_44711190的博客
10-15 397
MASK Mask(遮罩)是一种不可见的UI组件，它可以用来修改子物体的外观。遮罩将子物体限制为父物体的形状。如果子物体大于父物体将只显示和父物体大小相同的那一部分。 ...
UGUI-遮罩
lqd201314的博客
08-29 238
一、遮罩是什么 二、遮罩如何使用
UGUI新手引导反向遮罩.unitypackage
07-14
UGUI做的反向遮罩，导入资源资源包即可使用，适应于新手引导及各种场合，有什么需要请在下方留言，更多有趣资源请关注我的博客
UGUI Mask组件 使用
weixin_42935398的博客
08-23 1775
他人总结    Unity UGUI——遮罩效果（Mask） 我的总结    0.目的      让物体只显示遮罩部分    1.基本结构      ▼Mask带Image组件，作为父物体        要部分显示的物体，作为子物体    2.注意      子物体要只显示Mask处的内容，Mask所在的父物体，必须加Image组件    3.原理（非须知内容，仅做参考）      目标物体，只有遮罩范围内的部分被渲染【详细解析版】Unity UGUI Mask组件实现原理 ...
＜Unity UGUI＞ 在UGUI系统上实现图片遮罩 实现头像功能
qq_27636823的博客
08-17 2196
首先看一下官方手册对遮罩的描述： “A Mask is not a visible UI control but rather a way to modify the appearance of a control’s child elements.The mask restricts (ie, “masks”) the child elements to the shape of the parent.” 就是说遮罩（Mask）本身不是用来显示，而是用自己的形状来限制子元素的显示的。所以遮罩元素是遮罩元素
Unity UGUI的Mask（遮罩）组件的介绍及使用
alianblank的博客
07-10 7193
Mask（遮罩）组件是Unity UGUI中的一个重要组件，用于限制子对象的可见区域。通过设置遮罩组件，可以实现一些特殊效果，如显示部分图片、裁剪文本等。
UGUI 之 Mask 和 RectMask2D 与 drawcall
akak2010110的专栏
07-09 9854
虽然 Mask 的名声不是很好，但是在做界面的时候很多时候都需要它，比如滚动列表。要想精算出一个UI的drawcall数和渲染顺序，光掌握上一篇的知识或许还有些吃力，因为mask在项目里真的太常见了。也往往是UI的drawcall数的一个重灾区。本文不说Mask和RectMask2D是如何实现的，仅仅设立一些案例来总结出两者的性质，希望能给我们做UI时一些实用的指导性作用。也希望看完了本文之后，能...
UGUI 制作新手引导，屏幕遮罩，点击穿透
qq_37302769的博客
01-16 2399
新手引导，UGUI，遮罩镂空，矩形剪裁
UGUI源码解析——Mask
L的博客
07-18 2001
Mask是遮罩组件，继承自UIBehaviour、ICanvasRaycastFilter、IMaterialModifier它遮罩的形状由Graphic决定，所以可以利用不同的Graphic实现不同形状的遮罩它的实现原理是利用了StencilBuffer（模板缓存）在Mask的GetModifiedMaterial方法中生成一个材质将StencilBuffer值设置为特定值在MaskableGraphic的GetModifiedMaterial方法中。...............
UGUI中Mask浅析
faran69的博客
06-20 507
其核心优势在于支持任意形状裁剪，但需权衡性能开销。在实际开发中，应根据需求选择Mask或RectMask2D，并遵循优化策略以减少性能损耗。模板缓冲是GPU的一个独立缓冲区，用于记录每个像素的渲染状态（通常为8位整数）。技术实现UI元素的裁剪与区域遮罩。在Unity的UGUI系统中，
UGUI自带Mask实现新手引导简单遮罩(无需shader)
热门推荐
sika的学习理解
04-25 1万+
效果如下：大部分教程都有shader实现遮罩，shader可以控制更好效果的遮罩。unity自带的功能也能实现简单的新手引导遮罩，只是unity自带的遮罩会有锯齿。之后再更新加shader的版本。以下是具体步骤：1、将MainCamera 的背景设为solidcolor.改为黑色。2、添加两张背景，内容一摸一样3、UGUI渲染层级是根据场景层级的顺序，所以排列在前面的图看不到。选中底层的BG_Da...
Unity UGUI Image Maskable
Zyt
07-15 1557
在Unity的UGUI系统中，Maskable属性用于控制UI元素是否受到父级遮罩组件的影响。
UGUI进阶组件[九]Mask
weixin_43149049的博客
12-28 765
Mask组件是比较常用的组件之一 可以使用Mask去限制渲染3D的RawImage的形状 官网的下面有Mask的实现原理，有点像shader里面的部分 Mask的主要作用是根据提供的图片对Mask所挂物体的子物体进行像素的遮挡 ShowMaskGraphic 如果有提供图片，则如果子物体部分与图片的有像素部分有些地方没重叠的话，这个没重叠的地方会显示提供图片 有些博客说Mask可以用于3D物体 ...
UGUI 的遮罩与层级
鱼儿往上游的博客
09-17 543
最近在做UI的时候遇到了一个问题。我的本意是想通过黑色的半透图来做模态窗口的遮挡。但是由于项目需求，我的UI分步在不同的canvas之下，这时候各个UI之间的层级问题就不单是通过hierarchy中的层级来决定的了。 不同canvas中的UI通过渲染层级来决定，与他们Z轴的距离就无关了。这时候需要设置的是他们的sortinglayer和orderinlayer. ...
Unity UGUI不规则图形遮罩插件，圆角抗锯齿解决方案
总结上述知识点，SoftMaskForUGUI组件的出现，是Unity UGUI在不规则图形遮罩处理、抗锯齿以及UI视觉效果上的一大进步。它不仅增加了UI设计师的创作自由度，也提升了最终用户界面的视觉质量。由于SoftMask组件是通过...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值