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


情景复原:

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

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

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


进入正题:
  1. 新建材质球,取名为uimask_M,给遮罩层准备,选择自带的UI/Default,调节参数如下图:
    Unity 反向遮罩,微信扫扫功能

  2. 再建材质球,取名为uimask_N,给正常的背景层准备,调节参数如下图:Unity 反向遮罩,微信扫扫功能

  3. 创建两个Image。然后把遮罩层放在上层,背景层放在下层。拖入相应的材质。如果所示:
    Unity 反向遮罩,微信扫扫功能
    Unity 反向遮罩,微信扫扫功能
    Unity 反向遮罩,微信扫扫功能

  4. 最终效果:

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

注意层级关系哦!


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

Hello ,I am 李本心明


首先谢谢大家的支持,其次如果你碰到什么其他问题的话,欢迎来 我自己的一个 讨论群559666429来(扫扫下面二维码或者点击群链接 Unity3D[ 交流&副业]CLUB ),大家一起找答案,共同进步 同时欢迎各大需求商入住,发布自己的需求,给群内伙伴提供副职,赚取外快。对了,资源的话,要在群公告里面找。

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

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

相关文章:

  • 2022-01-04
  • 2022-12-23
  • 2021-04-14
  • 2022-12-23
  • 2022-01-11
  • 2021-08-17
  • 2021-12-28
猜你喜欢
  • 2021-11-22
  • 2021-06-01
  • 2021-07-13
  • 2021-07-20
  • 2022-01-13
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案