unity中基于NGUI实现一张图片上在某个地方挖个洞

最新推荐文章于 2024-05-15 09:57:12 发布

原创

最新推荐文章于 2024-05-15 09:57:12 发布 · 3.6k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何在Unity项目中利用NGUI组件和自定义Shader实现特定区域高亮显示，其余部分呈现黑色半透明的效果，以满足游戏引导时的视觉需求。

按照策划的要求，引导时只有被引导的图片是高亮的，其余地方都是黑色半透明，如下图所示：

对应的实现shader如下：

Shader "Unlit/TutorialBg"
{
	Properties
	{
		_MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {}
		_ClipRange0 ("Clip Vector", Vector) = (0.0, 0.0, 1.0, 1.0)	// (x, y, z, w)
	}
	
	SubShader
	{
		LOD 200

		Tags
		{
			"Queue" = "Transparent"
			"IgnoreProjector" = "True"
			"RenderType" = "Transparent"
		}
		
		Pass
		{
			Cull Off
			Lighting Off
			ZWrite Off
			Fog { Mode Off }
			Offset -1, -1
			Blend SrcAlpha OneMinusSrcAlpha

			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag			
			#include "UnityCG.cginc"

			sampler2D _MainTex;
		

			float4 _ClipRange0;
			float2 _ClipArgs0 = float2(1000.0, 1000.0);
			struct appdata_t