unity的UGUI的mask（遮罩）的使用

最新推荐文章于 2024-09-14 18:15:00 发布
最新推荐文章于 2024-09-14 18:15:00 发布
阅读量1.4w 收藏 11
点赞数 11
分类专栏： unity组件 游戏效果 文章标签： 游戏开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44302602/article/details/107733532
版权

之前我写过一篇博客关于UGUI的优化 其中提到了Mask的使用会增加性能的消耗
但是在一些情况下 使用这个会有奇效
比如小地图（Minimap）的开发
这篇博客介绍一下UGUI中的Mask的使用方法
很简单的

首先创建一个 Image 给他添加上Mask组件
在这里插入图片描述

在添加一个Image不弄Mask

在这里插入图片描述

之后把没有Mask的Image设置为有Mask的子物体 我们可以看到变化
在这里插入图片描述
在这里插入图片描述
这个在开发使用贴图的小地图十分好用

这篇博客就介绍到这 如果大家喜欢游戏开发
欢迎关注我 我会在这里持续更新我的学习过程
如果有问题或者是合作可以加我qq 1149293885

头号理想
关注
专栏目录
Unity UGUI中的Mask组件介绍及使用
XsfFsharp的博客
09-20 1062
Mask组件可以将其子对象的可见区域限制在一个矩形或圆形区域内，超出该区域的部分将被遮罩，不会显示出来。选中需要被遮罩的UI元素，点击Inspector面板中的"Add Component"按钮，在搜索框中输入"Mask"，然后选择"Mask"组件进行添加。在上述示例中，我们通过获取Mask组件的引用，并在每一帧更新中修改遮罩的矩形大小，从而实现了一个动态的遮罩效果。下面是一个简单的示例代码，演示了如何使用Mask组件来创建一个矩形遮罩，将子对象限制在一个矩形区域内的效果。二、Mask组件的使用方法。
Unity 利用UI Mask 对Sprite精灵遮罩处理
12-01
Unity5的unitypackage 利用UI Mask 实现对Sprite精灵遮罩处理。不是插件
Unity之UGUI的学习（四）：Mask（遮罩）
weixin_39520967的博客
07-10 3387
什么是Mask？ Mask（遮罩）是一种不可见的UI组件，它可以用来修改子物体的外观。遮罩将子物体限制为父物体的形状。如果子物体大于父物体将只显示和父物体大小相同的那一部分。 如上图所示，在父物体Image中添加子物体Image，父物体Image上添加组件Mask，可以发现子物体Image本来是大于父物体Image的，但是在父物体使用了Mask组件后，Mask将子物体的大小限制到与父物体一样了。 Show Mask Graphic表示是否绘制组件所在游戏物体的图形。 ...
Unity组件大全之 UI 组件 |（16）Mask组件
最新发布
Unity打怪升级
09-14 762
在Unity的UI设计中，Mask组件是一个强大的工具，它可以用来限制子对象的可见区域，从而实现各种视觉效果，如显示部分图片、裁剪文本等。本文将详细介绍Mask组件的工作原理、常用属性、使用方法以及一些实用的技巧。
Unity UGUI的Mask（遮罩）组件的介绍及使用
2301_78834737的博客
07-14 2580
Mask（遮罩）组件是Unity UGUI中的一个重要组件，用于限制子对象的可见区域。通过设置遮罩组件，可以实现一些特殊效果，如显示部分图片、裁剪文本等。
Unity UGUI 之 Mask
咩咩觉主的博客
07-26 762
嘻嘻
Unity 遮罩
Lost_the_wind的博客
04-10 1526
untiy的三张遮罩方式
Unity3d中UGUI组件精简复盘（七）Mask组件
qq_1628941121的博客
07-26 1297
Mask组件 Mask:遮罩，可以作用于3D物体 Rect Mask:只能作用于同平面的2D物体 区别：Mask遮罩，可以作用于3D物体，Rect Mask只能作用于同平面的2D物体 Unity遮罩已经为什么我们要避免使用Mask？？ 因为添加Mask会增加Drawcall，会影响性能，同时Mask不利于层级的合并。 当没有使用Mask的时候，可能只需要一个Drawcall既可以绘制出UI的渲染效果，但是当我们添加了Mask以后，Mask会作为单独的一个层级来渲染绘制，其他的UI也会作为单独的一个层级来绘制
Unity UI Soft Mask - 实现Sprite精灵遮罩
12-03
资源非插件，直接解压后将文件夹放入项目中，即可给对应的游戏对象添加“SoftMask”组件。最新版本资源，unity专用
UGUI新手引导反向遮罩.unitypackage
07-14
UGUI做的反向遮罩，导入资源资源包即可使用，适应于新手引导及各种场合，有什么需要请在下方留言，更多有趣资源请关注我的博客
unity用户头像圆形遮罩无毛边
08-09
已购买专栏用户可以找博主免费获取。 详情博客：http://t.csdnimg.cn/ksV84 前言：我们在使用Unity的自带组件Mask的时候会出现毛边现象很难处理掉，这里我们使用着色器shader来进行处理就不会出现毛边现象。
unity 图片遮罩有锯齿_如何消除UGUI Mask遮罩的锯齿
weixin_34722015的博客
01-13 1365
一般的遮罩做法是在Image的节点前，增加一父节点Mask，然后通过Mask包含Image，就是用父Mask的遮罩Image可程序的事件总不会那么顺畅的，反正就是不行结果是锯齿严重:具体原理不知道或者可以通过RectMask2D解决但是我选择了使用Shader，结果：代码如下：(需要RawImage才能使用mat + shader)Shader "Custom/ImageMask"{Propert...
Unity中UGUI使用Mask组件时图片边缘锯齿化严重的问题
weixin_43818160的博客
09-29 9039
最近在项目中有需要用到Mask的理念来实现的一个效果，但是在使用了Unity原生的Mask组件之后发现了一个严重的问题。 就是边缘部分的锯齿化很严重。 经过多方查阅资料，得知原因是 mask的工作原理是根据alpha通道来计算，如果一个像素点里面是全透明的，那么做成mask之后这个点就不会透视看到下面的物体，如果这个像素点里不是全透明的，即完全不透明或者半透明，那么做成Mask之后这个点就...
UGUI自带Mask实现新手引导简单遮罩(无需shader)
热门推荐
sika的学习理解
04-25 1万+
效果如下：大部分教程都有shader实现遮罩，shader可以控制更好效果的遮罩。unity自带的功能也能实现简单的新手引导遮罩，只是unity自带的遮罩会有锯齿。之后再更新加shader的版本。以下是具体步骤：1、将MainCamera 的背景设为solidcolor.改为黑色。2、添加两张背景，内容一摸一样3、UGUI渲染层级是根据场景层级的顺序，所以排列在前面的图看不到。选中底层的BG_Da...
Unity UI反向Mask遮罩，零代码，微信扫扫功能
Edwin Lee的博客
01-03 5601
Unity Mask反向遮罩，微信扫扫功能 情景复原： 在程序开发中，需要开发一些 类似扫描二维码的功能。如图 由图所示，其中UI 中间是空的。其他地方是黑色的。而Unity的遮罩组件Mask是无法实现这个效果的。所以查找了一些资源。最后发现… 不需要编写额外的shader和任何代码，只使用自带的功能就可以实现完美的反向遮罩的功能。 原文地址：https://answers.unity.com...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值