UGUI 反遮罩

最新推荐文章于 2025-11-14 17:41:21 发布
原创 最新推荐文章于 2025-11-14 17:41:21 发布 · 504 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何在Unity中创建两个材质球，并将Shader切换为UI/Default，以实现特定的UI效果。只需简单地将调整后的材质球拖放到Image组件上，即可完成设置。

先上效果图吧
在这里插入图片描述
实现方式
创建两个材质球,Shader改成UI/Default
在这里插入图片描述
在这里插入图片描述
只需要将材质球拖入对应的Image组件就可以了
在这里插入图片描述

【unity小技巧】实现FPS武器的瞄准放大效果（UGUI实现反向遮罩，全屏遮挡，局部镂空效果）
向宇
03-04 1396
【unity小技巧】实现FPS武器的瞄准放大效果（UGUI实现反向遮罩，全屏遮挡，局部镂空效果）
【unity游戏开发入门到精通——UGUI】Mask组件实现UGUI遮罩
向宇
05-01 1557
Mask遮罩是一种在不改变图片的情况下，让图片在游戏中只显示其中的一部分的组件。实际上，ScrollView滚动视图中的ViewPort就包含遮罩组件，这导致在滚动视图中只有在可见范围内才能看到组件。【零基础入门unity游戏开发——2D篇】SpriteMask精灵遮罩组件，只不过这里Mask遮罩是用在UGUI上的。
UGUI新手引导反向遮罩.unitypackage
07-14
UGUI做的反向遮罩，导入资源资源包即可使用，适应于新手引导及各种场合，有什么需要请在下方留言，更多有趣资源请关注我的博客
UGUI使用自带功能实现反向遮罩
StudyHard_luozhongxu的博客
02-14 3567
UGUI使用自带功能实现反向遮罩 2.再新建一个材质球，取名为masked，调节参数如下图 3.创建两个Image，分别把材质托上去，注意层级如下图： 4.mask指定一张图片，如下图： 5.最终效果如下图： ...
【亲测免费】 Unmask For UGUI：Unity中的反向遮罩神器
最新发布
gitblog_00635的博客
11-14 655
作者：[mob-sakai](https://github.com/mob-sakai) 许可证：MIT
ugui使用自带功能实现反向遮罩
a554671102的博客
04-02 970
不需要编写额外的shader和任何代码，只使用自带的功能 新建一个材质球，取名为mask，选择自带的UI/Default，调节参数如下图 再新建一个材质球，取名为masked，调节参数如下图 如下图所示， 背景图为Panel 遮罩图为Image_m 注意层级关系！ 即可实现 来源：https://answers.unit...
UGUI 用图片遮罩
bingheliefeng的专栏
07-08 729
在UGUI或者Sprite中，有图片作为遮罩层的情况，但是因为使用了SpriteAtlas，会造成取得的遮罩的uv是错误的。 所以我们需要得到正确的uv。 有两种方式，其实算法都一样，目的就是获取正确的遮罩层的uv。 第一种，通过外部传入一个vector4的值 在c#中，对材质传递Sprite信息值 if (img.sprite) { Sprite sprite = img.sprite; Vector4 result = new Vector4(sprite.textureRe
UGUI引导遮罩实现
foxの笔记本
02-13 1091
思路: 1.显示上用一个全屏的灰色Image 作为遮罩体, 获取目标控件的位置和大小数据后,重新组织遮罩的网格数据把目标控件的部分剔除,形成镂空; 2.点击事件 根据点击位置 判断 是否在目标控件的矩形中,如果在矩形中事件穿透下去传递给目标的控件 , 如果不在拦截该点击事件,让事件无效; 先来实现1的效果: unity的UGUI 控件都是继承至UnityEngine.UI.Graphic这个基...
UGUI源码阅读（五）遮罩之Mask
qilin598866753的博客
07-10 637
ugui Mask实现原理
UNITY UI简易反向遮罩
qq_55895529的博客
09-08 1911
UNITY UI简易反向遮罩
UnmaskForUGUI：Unity中uGUI元素的反向掩码
02-06
为UGUI取消屏蔽 Unity中uGUI元素的反向掩码。 <<| | | >> 描述 取消遮罩提供以下功能： 反面罩 射线穿过未遮盖的矩形 跟随另一个对象 支持嵌套 零件 产品特点 屏幕截图 揭露 父蒙版组件的反向蒙版。 适合目标/适合于后期更新：适合图形的变换以适合于LateUpdate上的目标变换。 仅适用于儿童：遮罩仅适用于儿童。 显示未遮罩图形：显示与未遮罩渲染区域关联的图形。 取消遮罩RaycastFilter 射线穿过未遮盖的矩形。 您可以单击背面的未屏蔽按钮。 演示版 安装 需求 Unity 5.5或更高版本 支持2017.x，2018.x，2019.x和2020.x.
unity反向椭圆遮罩shader
thinbug的专栏
02-22 3389
改的一个从椭圆遮罩变为反向椭圆遮罩,椭圆部分alpha为0,可以实现新手引导使用,增加了一点边缘alpha过渡,看起来没毛刺. //对图片的mask处理,只有椭圆部分 Shader &amp;amp;amp;quot;Unlit/Transparent Colored Mask UnRound&amp;amp;amp;quot; { Properties { _MainTex(&amp;amp;amp;quot;Base (RGB), Alpha (A)&
＜Unity UGUI＞ 在UGUI系统上实现图片遮罩 实现头像功能
qq_27636823的博客
08-17 2206
首先看一下官方手册对遮罩的描述： “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）本身不是用来显示，而是用自己的形状来限制子元素的显示的。所以遮罩元素是遮罩元素
UGUI自带Mask实现新手引导简单遮罩(无需shader)
热门推荐
sika的学习理解
04-25 1万+
效果如下：大部分教程都有shader实现遮罩，shader可以控制更好效果的遮罩。unity自带的功能也能实现简单的新手引导遮罩，只是unity自带的遮罩会有锯齿。之后再更新加shader的版本。以下是具体步骤：1、将MainCamera 的背景设为solidcolor.改为黑色。2、添加两张背景，内容一摸一样3、UGUI渲染层级是根据场景层级的顺序，所以排列在前面的图看不到。选中底层的BG_Da...
UGUI卡牌翻转效果
Missand的博客
04-23 3613
之前看到网上有个NGUI的卡牌翻转效果，试了一下还可以，但是没有UGUI的，所以就做了UGUI的。这是那个前辈的博客地址，想看的可以看一下：https://www.bobsong.net/486.html。UGUI界面设置：两个图片放在一起（重叠），一个正面一个反面。再创建一个按钮。下面只是基本功能，如果有特殊的要求，就自己融汇变通一下。下面步入正题看代码： private Quaterni...
UGUI源码解析——Mask
L的博客
07-18 2014
Mask是遮罩组件，继承自UIBehaviour、ICanvasRaycastFilter、IMaterialModifier它遮罩的形状由Graphic决定，所以可以利用不同的Graphic实现不同形状的遮罩它的实现原理是利用了StencilBuffer（模板缓存）在Mask的GetModifiedMaterial方法中生成一个材质将StencilBuffer值设置为特定值在MaskableGraphic的GetModifiedMaterial方法中。...............
Unity Shader - UI/Default shader 优化示例
Jave.Lin 的学习笔记
07-20 3685
一般都是使用unity 自带的按钮状态来控制（这些是通过 vertex buffer 来控制的，因为这样可以 vertex buffer 合批）这块比较容易忽略，虽然只是 vs 的计算，而且 UI 的顶点数量不多，一般不是什么问题。但还是那句话，性能如果要做到极致，除了优化 top 热点，其余小的也是肉，能优化就优化。下面优化的是一些小部分的内容，不是 top 热点，优化原理是一样的。格式的 UI 纹理，那么就可以直接使用了。，但是项目中没去使用，那就可以删除。Softness 开启。
[UnityShader基础]08.UI-Default.shader
weixin_30716725的博客
04-17 2893
[UnityShader基础]08.UI-Default.shader 参考链接： https://zhuanlan.zhihu.com/p/32561155 https://blog.youkuaiyun.com/WuShangLZ/article/details/804...
UGUI shader遮罩K帧
11-03
UGUI shader遮罩K帧是指在使用UGUI的过程中，使用shader遮罩时，出现了卡顿或者掉帧的情况。这种情况可能是由于shader代码效率低下或者使用不当导致的。为了解决这个问题，可以尝试以下几种方法： 1.优化shader代码...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贪小心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值