[Unity Ngui] Ngui 텍스쳐 마스킹 하기~

참고자료 

Shader "Unlit/Transparent Colored Masked"
{
	Properties
	{
		_MainTex ("Base (RGB), Alpha (A)", 2D) = "white" {}
		_AlphaTex ("MaskTexture", 2D) = "white" {}
	}
 
	SubShader
	{
		LOD 100
 
		Tags
		{
			"Queue" = "Transparent"
			"IgnoreProjector" = "True"
			"RenderType" = "Transparent"
		}
 
		Cull Off
		Lighting Off
		ZWrite Off
		Fog { Mode Off }
		Offset -1, -1
		Blend SrcAlpha OneMinusSrcAlpha
 
		Pass
		{
			CGPROGRAM
				#pragma vertex vertexProgram
				#pragma fragment fragmentProgram
 
				#include "UnityCG.cginc"
 
				struct appdata_t
				{
					float4 vertex : POSITION;
					float2 textureCoordinate : TEXCOORD0;
					fixed4 color : COLOR;
				};
 
				struct vertexToFragment
				{
					float4 vertex : SV_POSITION;
					half2 textureCoordinate : TEXCOORD0;
					fixed4 color : COLOR;
				};
 
				sampler2D _MainTex;
				float4 _MainTex_ST;
				sampler2D _AlphaTex;
 
				vertexToFragment vertexProgram (appdata_t vertexData)
				{
					vertexToFragment output;
					output.vertex = mul(UNITY_MATRIX_MVP, vertexData.vertex);
					output.textureCoordinate = TRANSFORM_TEX(vertexData.textureCoordinate, _MainTex);
					output.color = vertexData.color;
					return output;
				}
 
				fixed4 fragmentProgram (vertexToFragment input) : COLOR
				{
					fixed4 computedColor = tex2D(_MainTex, input.textureCoordinate) * input.color;
					fixed4 alphaGuide = tex2D(_AlphaTex, input.textureCoordinate);
 
					if (alphaGuide.a < computedColor.a) computedColor.a = alphaGuide.a;
 
					return computedColor;
				}
			ENDCG
		}
	}
}

Texture Masking Shader가 있어서 공유 드립니다.

이제 Panel SoftCliping 말고도 UITexture를 통해 원하는 모양으로 mask 할 수 있습니다.

 

1.     BasicResource/Shaders ,  BasicResource/Materials에 Ngui마스킹에서 쓸 두 개의 메테리얼과 쉐이더가가 있습니다.

 

2.     일단 이를 쓸 때 주의해야 될 점이 있습니다. 바로 부모 패널의 Cliping 속성입니다.

           여기서 Clipping이 None과 SoftClip이 있습니다. 이 속성에 따라 안에 쓰일 mask Material이 다릅니다.

           None : NoneMaskClip

           Sofe  : SoftMaskClip      

3.     Mask Texture 를 메테리얼에 연결하고 shader를 설정합니다.

Shader는 속성에 맞게 Custom/SoftMaskShader 나 Custom/NoneMaskShader를 골라 설정합니다.

4.     이제 UITexture 컴포넌트에 masking될 Texture와 해당 mask material를 연결하면 끝납니다.

 

5.     결과

   <=  

NguiMask.zip