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

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单独联系我,一块经营一下。

在这里插入图片描述


猜你喜欢

转载自blog.csdn.net/KiTok/article/details/103815937
今日推荐