2. 程式人生 > >使用UGUI中的Mask的時候，如何正確裁減非預設材質的UI物件

使用UGUI中的Mask的時候，如何正確裁減非預設材質的UI物件

阿新 • • 發佈：2018-12-26

http://blog.csdn.net/ykmzy/article/details/51366396

在Unity中的UGUI中實現區域裁剪可以使用Mask元件，但是當改變被裁剪物件的材質後，裁剪效果可能會失效，也就是說Mask對該UI失效，這是為什麼呢？ 
這我們得了解UGUI中Mask的工作原理。Mask得裁剪效果是使用Stencil計算來實現裁剪，關於Stencil（模板）可以仔細瞭解一下渲染管線得相關知識就可以知道是怎麼回事了，可參見維基百科,也可自行搜尋其它資料。 
通過參考Unity中UGUI中的Mask.cs原始碼，可以管窺一二。

/// Stencil calculation time!
 

public virtual Material GetModifiedMaterial(Material baseMaterial)
{
    if (graphic == null)
        return baseMaterial;

    var rootSortCanvas = MaskUtilities.FindRootSortOverrideCanvas(transform);
    var stencilDepth = MaskUtilities.GetStencilDepth(transform, rootSortCanvas);
    if (stencilDepth >= 8
 
)
    {
        Debug.LogError("Attempting to use a stencil mask with depth > 8", gameObject);
        return baseMaterial;
    }

    int desiredStencilBit = 1 << stencilDepth;

    // if we are at the first level...
    // we want to destroy what is there
    if (desiredStencilBit == 1)
    {
        var
 
 maskMaterial = StencilMaterial.Add(baseMaterial, 1, StencilOp.Replace, CompareFunction.Always, m_ShowMaskGraphic ? ColorWriteMask.All : 0);
        StencilMaterial.Remove(m_MaskMaterial);
        m_MaskMaterial = maskMaterial;

        var unmaskMaterial = StencilMaterial.Add(baseMaterial, 1, StencilOp.Zero, CompareFunction.Always, 0);
        StencilMaterial.Remove(m_UnmaskMaterial);
        m_UnmaskMaterial = unmaskMaterial;
        graphic.canvasRenderer.popMaterialCount = 1;
        graphic.canvasRenderer.SetPopMaterial(m_UnmaskMaterial, 0);

        return m_MaskMaterial;
    }

    //otherwise we need to be a bit smarter and set some read / write masks
    var maskMaterial2 = StencilMaterial.Add(baseMaterial, desiredStencilBit | (desiredStencilBit - 1), StencilOp.Replace, CompareFunction.Equal, m_ShowMaskGraphic ? ColorWriteMask.All : 0, desiredStencilBit - 1, desiredStencilBit | (desiredStencilBit - 1));
    StencilMaterial.Remove(m_MaskMaterial);
    m_MaskMaterial = maskMaterial2;

    graphic.canvasRenderer.hasPopInstruction = true;
    var unmaskMaterial2 = StencilMaterial.Add(baseMaterial, desiredStencilBit - 1, StencilOp.Replace, CompareFunction.Equal, 0, desiredStencilBit - 1, desiredStencilBit | (desiredStencilBit - 1));
    StencilMaterial.Remove(m_UnmaskMaterial);
    m_UnmaskMaterial = unmaskMaterial2;
    graphic.canvasRenderer.popMaterialCount = 1;
    graphic.canvasRenderer.SetPopMaterial(m_UnmaskMaterial, 0);

    return m_MaskMaterial;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47

通過上面得程式碼我們得知Mask會對目標UI得材質使用StencilMaterial.Add方法來傳遞模板相關引數

StencilMaterial.Add(baseMaterial, desiredStencilBit - 1, StencilOp.Replace, CompareFunction.Equal, 0, desiredStencilBit - 1, desiredStencilBit | (desiredStencilBit - 1));
  • 1

繼續檢視StencilMaterial.Add方法，有如下程式碼

/// <summary>
        /// Add a new material using the specified base and stencil ID.
        /// </summary>
        public static Material Add(Material baseMat, int stencilID, StencilOp operation, CompareFunction compareFunction, ColorWriteMask colorWriteMask, int readMask, int writeMask)
        {
            if ((stencilID <= 0 && colorWriteMask == ColorWriteMask.All) || baseMat == null)
                return baseMat;

            if (!baseMat.HasProperty("_Stencil"))
            {
                Debug.LogWarning("Material " + baseMat.name + " doesn't have _Stencil property", baseMat);
                return baseMat;
            }
            if (!baseMat.HasProperty("_StencilOp"))
            {
                Debug.LogWarning("Material " + baseMat.name + " doesn't have _StencilOp property", baseMat);
                return baseMat;
            }
            if (!baseMat.HasProperty("_StencilComp"))
            {
                Debug.LogWarning("Material " + baseMat.name + " doesn't have _StencilComp property", baseMat);
                return baseMat;
            }
            if (!baseMat.HasProperty("_StencilReadMask"))
            {
                Debug.LogWarning("Material " + baseMat.name + " doesn't have _StencilReadMask property", baseMat);
                return baseMat;
            }
            if (!baseMat.HasProperty("_StencilReadMask"))
            {
                Debug.LogWarning("Material " + baseMat.name + " doesn't have _StencilWriteMask property", baseMat);
                return baseMat;
            }
            if (!baseMat.HasProperty("_ColorMask"))
            {
                Debug.LogWarning("Material " + baseMat.name + " doesn't have _ColorMask property", baseMat);
                return baseMat;
            }

            for (int i = 0; i < m_List.Count; ++i)
            {
                MatEntry ent = m_List[i];

                if (ent.baseMat == baseMat
                    && ent.stencilId == stencilID
                    && ent.operation == operation
                    && ent.compareFunction == compareFunction
                    && ent.readMask == readMask
                    && ent.writeMask == writeMask
                    && ent.colorMask == colorWriteMask)
                {
                    ++ent.count;
                    return ent.customMat;
                }
            }

            var newEnt = new MatEntry();
            newEnt.count = 1;
            newEnt.baseMat = baseMat;
            newEnt.customMat = new Material(baseMat);
            newEnt.customMat.hideFlags = HideFlags.HideAndDontSave;
            newEnt.stencilId = stencilID;
            newEnt.operation = operation;
            newEnt.compareFunction = compareFunction;
            newEnt.readMask = readMask;
            newEnt.writeMask = writeMask;
            newEnt.colorMask = colorWriteMask;
            newEnt.useAlphaClip = operation != StencilOp.Keep && writeMask > 0;

            newEnt.customMat.name = string.Format("Stencil Id:{0}, Op:{1}, Comp:{2}, WriteMask:{3}, ReadMask:{4}, ColorMask:{5} AlphaClip:{6} ({7})", stencilID, operation, compareFunction, writeMask, readMask, colorWriteMask, newEnt.useAlphaClip, baseMat.name);


            newEnt.customMat.SetInt("_Stencil", stencilID);
            newEnt.customMat.SetInt("_StencilOp", (int)operation);
            newEnt.customMat.SetInt("_StencilComp", (int)compareFunction);
            newEnt.customMat.SetInt("_StencilReadMask", readMask);
            newEnt.customMat.SetInt("_StencilWriteMask", writeMask);
            newEnt.customMat.SetInt("_ColorMask", (int)colorWriteMask);
            newEnt.customMat.SetInt("_UseAlphaClip", newEnt.useAlphaClip ? 1 : 0);
            m_List.Add(newEnt);
            return newEnt.customMat;
        }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82

通過對StencilMaterial.Add方法得檢視我們知道該方法在對目標材質得_StencilOp，_StencilComp等等屬性進行操作，這樣操作後才可以實現它得模板裁剪。我們自定義的Shader一般沒有這幾個屬性，所以我們在自己的shader中新增如下程式碼便可以實現自定義材質得正確Mask了

_StencilComp ("Stencil Comparison", Float) = 8
_Stencil ("Stencil ID", Float) = 0
_StencilOp ("Stencil Operation", Float) = 0
_StencilWriteMask ("Stencil Write Mask", Float) = 255
_StencilReadMask ("Stencil Read Mask", Float) = 255
............................................................................
Stencil
{
    Ref [_Stencil]
    Comp [_StencilComp]
    Pass [_StencilOp] 
    ReadMask [_StencilReadMask]
    WriteMask [_StencilWriteMask]
}

相關推薦

使用Mask, 正確的裁減非預設材質UI物件

使用UGUI中的Mask的時候，如何正確裁減非預設材質的UI物件 在Unity中的UGUI中實現區域裁剪可以使用Mask元件，但是當改變被裁剪物件的材質後，裁剪效果可能會失效，也就是說Mask對該UI失效，這是為什麼呢？ 這我們得了解UGUI中Mask的工作

使用UGUI中的Mask的時候，如何正確裁減非預設材質的UI物件

http://blog.csdn.net/ykmzy/article/details/51366396 在Unity中的UGUI中實現區域裁剪可以使用Mask元件，但是當改變被裁剪物件的材質後，裁剪效果可能會失效，也就是說Mask對該UI失效，這是為什麼呢？  這我們

golang二叉樹前序，中序，後序非遞歸遍歷算法

rec == int post order nta rev UC right package main import ( "container/list" "fmt" ) // Binary Tree type Bin

Socket編程中，阻塞與非阻塞的區別

軟件 復用 優點 調用 服務器 運用 需要 默認 con 　　阻塞：一般的I/O操作可以在新建的流中運用.在服務器回應前它等待客戶端發送一個空白的行.當會話結束時,服務器關閉流和客戶端socket.如果在隊列中沒有請示將會出現什麽情況呢?那個方法將會等待一個的到來.這個行為

二叉樹－－（建樹，前序，中序，後序）－－遞歸和非遞歸實現

reorder 前序 非遞歸後序遍歷 truct new tac preorder recursive while #include<iostream> #include<string.h> #include<stac

編寫程式，在一非遞減的順序表L中，刪除所有值相等的多餘元素。要求時間複雜度O（n），空間複雜度為O（1）

翠花上程式碼： Status delExcrescentValue(SeqList &S){ int flag = 0,val = S.elem[0];//記錄值不等的下標 //printf("%d\n",S.elem[0]); for(int i = 1;i

VS2013無法載入解決方案中專案，提示未能正確載入解決方案中的一個或多個專案

現象：開啟一個工程，上午還能正常操作，下午就打不開了。試了所有的工程都打不開。 提示： 未能正確載入解決方案中的一個或多個專案 解決辦法： 1、關閉VS； 2、去C:\Users\AppData\Local\Microsoft\VisualStudio\12.0\ComponentMod

二叉樹的前序，中序，後序的遍歷的遞迴和非遞迴程式碼-C語言

#include <stdio.h> #include<stdlib.h> /* run this program using the console pauser or add your own getch, system("pause") or input l

SVN Error：請求的名稱有效並且在資料庫中找到，但是它沒有相關的正確的資料來被解析

同事安裝配置完Svn後一直down不下來檔案，報錯內容如下： Administrator 18:07:27  Checkout from https:/svn/web, revision HEAD, Fully recursive, Externals includedOPTI

for迴圈中刪除，資料不正確

背景：在寫業務程式碼的時候，需要篩選list中符合條件的物件 ，for迴圈不能奏效，當時的處理方法是，將刪除的index存放在陣列中，然後再倒序刪除原list中的資料。現在來試一下各種方法迴圈刪除的功能。 List<Map<String,Object>

二叉樹的前序，中序，後序遍歷。用遞迴和非遞迴實現

#include<iostream> #include<stack> using namespace std; #define MAX 100 typedef struct Tree{ int data; Tree*lchild; Tree*rchild; }

二叉樹的非遞迴先序，中序，後序遍歷

前幾天面試美團的java後臺崗位，第一題就是手寫二叉樹非遞迴先序遍歷，當時我就不樂意了。然後其實能想出來的，但是沒私底下實現過，還真沒把握給面試官，最後掛了。所以痛定思痛，我們來手寫一下二叉樹的非遞迴先序，中序和後序遍歷，並對其中的邏輯部分進行步驟的講解，我覺得一切的東西你只

筆記：狀態列佔位，以及隱藏5.0+半透明背景，加在非全屏，oncreate中，全屏切非全屏不抖動。

public void initStatusBar() { StatusBarUtil.setLightMode(this); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { this.g

二叉樹遍歷：前序，中序，後序，層序的遞迴以及非遞迴實現

樹，是一種在實際程式設計中經常遇到的資料結構，它的邏輯很簡單：除根節點之外每個節點都有且只有一個父節點，除葉子節點之外所有節點都有一個或多個子節點。我們說的二叉樹，就是指子節點最多2個的樹。 二叉樹中，最重要的操作就是遍歷。二叉樹的遍歷分為： 1.前序遍歷：先訪問根節點，

Java資料結構：二叉樹的前序，中序，後序遍歷（遞迴和非遞迴）

嚶嚶嚶，兩個月沒寫部落格了，由於有點忙，今天開始日更部落格。 今天總結一下學習樹的先根，中根，後根。每種兩種方法，遞迴和非遞迴。 先根： 遞迴： 思路：先根遍歷，即第一次遇到的結點就開始列印。先一直遍歷左子樹，直到未空，然後右子樹，直到為空。遞迴下去。 過程：先將1進入方法

二叉樹的五種遍歷：前序，中序，後序，非遞迴方法（棧），bfs+佇列）

二叉樹的五種遍歷： 遞迴遍歷：前序，中序，後序，非遞迴方法（棧）； 層次遍歷（bfs+佇列）； #include <vector> #include <iostream> #include <stack> #include <q

JAVA 先序、中序、後序、層序，遞迴非遞迴遍歷二叉樹

定義一個二叉樹 package com.niuke.binaryTree; public class binaryTree { int data; binaryTree left; binaryTree right; public binaryTree(int

二叉樹的前序，中序，後序，層次遍歷（遞迴與非遞迴方式）

以前在學校學過二叉樹的遍歷，工作後基本上沒用到，現在整理下這幾種排序演算法： 1.java的測試方法： package leetcode.TestList; /** * @author zhangyu * @version V1.0 * @ClassName: TreeNode *

資料結構——二叉樹的遞迴與非遞迴遍歷（先序，中序，後序）

實驗專案五 二叉樹基本操作的實現 課程名稱：資料結構 實驗專案名稱：二叉樹基本操作的實現 實驗目的： 1．掌握樹的基本操作—遍歷。 實驗要求： 1、 分別用遞迴和非遞迴的方法實現一棵樹的三種遍歷。 實驗過程： 建立一棵二叉樹（二叉樹如下圖所示）；

【完美解決】在WIN10中，解決80埠預設被佔用的問題

在WIN10中，解決80埠預設被佔用的問題 方案1: 以管理員身份執行cmd; 輸入:net stop http; 如果提示是否真的需要停止這些服務,則選擇“Y”; 完成後輸入:sc conf