Unity UI反向Mask遮罩,零代码,微信扫扫功能

8 篇文章 0 订阅
6 篇文章 0 订阅

Unity Mask反向遮罩,微信扫扫功能


情景复原:

在程序开发中,需要开发一些 类似扫描二维码的功能。如图:
在这里插入图片描述
由图所示,其中UI 中间是空的。其他地方是黑色的。而Unity的遮罩组件Mask是无法实现这个效果的。所以查找了一些资源。最后发现…

不需要编写额外的shader和任何代码,只使用自带的功能就可以实现完美的反向遮罩的功能。

原文地址https://answers.unity.com/questions/1066291/invertreverse-ui-mask.html


进入正题:
  1. 新建材质球,取名为uimask_M,给遮罩层准备,选择自带的UI/Default,调节参数如下图:
    在这里插入图片描述

  2. 再建材质球,取名为uimask_N,给正常的背景层准备,调节参数如下图:在这里插入图片描述

  3. 创建两个Image。然后把遮罩层放在上层,背景层放在下层。拖入相应的材质。如果所示:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  4. 最终效果:

在这里插入图片描述

注意层级关系哦!


这里写图片描述

我是李本心明


首先谢谢大家的支持,其次如果你碰到什么其他问题的话,欢迎来 我自己的一个 讨论群559666429来(扫扫下面二维码或者点击群链接 Unity3D[ 交流] ),大家一起找答案,共同进步

由于工作生活太忙了,对于大家的帮助时间已经没有之前那么充裕了。如果有志同道合的朋友,可以接受无偿的帮助别人,可以加我QQ单独联系我,一块经营一下。


  • 8
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值