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. 最終效果:

在這裏插入圖片描述

注意層級關係哦!


這裏寫圖片描述

Hello ,I am 李本心明


首先謝謝大家的支持,其次如果你碰到什麼其他問題的話,歡迎來 我自己的一個 討論羣559666429來(掃掃下面二維碼或者點擊羣鏈接 Unity3D[ 交流&副業]CLUB ),大家一起找答案,共同進步 同時歡迎各大需求商入住,發佈自己的需求,給羣內夥伴提供副職,賺取外快。對了,資源的話,要在羣公告裏面找。

由於工作生活太忙了,對於大家的幫助時間已經沒有之前那麼充裕了。如果有志同道合的朋友,可以接受無償的幫助別人,可以單獨聯繫我,一塊經營一下。
如果你有更好的經營方式也來練習我,加我QQ

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章