shader 圆形遮罩（NG UI）UGUI没试过

最新推荐文章于 2024-08-10 07:52:22 发布
最新推荐文章于 2024-08-10 07:52:22 发布
阅读量1.6k 收藏
点赞数
分类专栏： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nynkl/article/details/66968784
版权 
shader圆形遮罩有四个脚本，其它三个主要用于 Panel下支持裁剪 问题
First
Shader "Unlit/Transparent Colored"
{
	Properties
	{
		_MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {}
	}
	
	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 _MainTex_ST;
	
			struct appdata_t
			{
				float4 vertex : POSITION;
				float2 texcoord : TEXCOORD0;
				fixed4 color : COLOR;
			};
	
			struct v2f
			{
				float4 vertex : SV_POSITION;
				half2 texcoord : TEXCOORD0;
				fixed4 color : COLOR;
			};
	
			v2f vert (appdata_t v)
			{
				v2f o;
				o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
				o.texcoord = v.texcoord;
				o.color = v.color;
				return o;
			}
				
			fixed4 frag (v2f IN) : COLOR
			{
				fixed4 col = tex2D(_MainTex, IN.texcoord) * IN.color;
				return col;
			}
			ENDCG
		}
	}

	SubShader
	{
		LOD 100

		Tags
		{
			"Queue" = "Transparent"
			"IgnoreProjector" = "True"
			"RenderType" = "Transparent"
		}
		
		Pass
		{
			Cull Off
			Lighting Off
			ZWrite Off
			Fog { Mode Off }
			Offset -1, -1
			ColorMask RGB
			Blend SrcAlpha OneMinusSrcAlpha
			ColorMaterial AmbientAndDiffuse
			
			SetTexture [_MainTex]
			{
				Combine Texture * Primary
			}
		}
	}
}

Second

Shader "Hidden/Unlit/Transparent Colored 1"
{
	Properties
	{
		_MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {}
	}

	SubShader
	{
		LOD 200

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

			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag

			#include "UnityCG.cginc"

			sampler2D _MainTex;
			float4 _ClipRange0 = float4(0.0, 0.0, 1.0, 1.0);
			float2 _ClipArgs0 = float2(1000.0, 1000.0);

			struct appdata_t
			{
				float4 vertex : POSITION;
				half4 color : COLOR;
				float2 texcoord : TEXCOORD0;
			};

			struct v2f
			{
				float4 vertex : POSITION;
				half4 color : COLOR;
				float2 texcoord : TEXCOORD0;
				float2 worldPos : TEXCOORD1;
			};

			v2f vert (appdata_t v)
			{
				v2f o;
				o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
				o.color = v.color;
				o.texcoord = v.texcoord;
				o.worldPos = v.vertex.xy * _ClipRange0.zw + _ClipRange0.xy;
				return o;
			}

			half4 frag (v2f IN) : COLOR
			{
				// Softness factor
				float2 factor = (float2(1.0, 1.0) - abs(IN.worldPos)) * _ClipArgs0;
			
				// Sample the texture
				half4 col = tex2D(_MainTex, IN.texcoord) * IN.color;
				col.a *= clamp( min(factor.x, factor.y), 0.0, 1.0);
				return col;
			}
			ENDCG
		}
	}
	
	SubShader
	{
		LOD 100

		Tags
		{
			"Queue" = "Transparent"
			"IgnoreProjector" = "True"
			"RenderType" = "Transparent"
		}
		
		Pass
		{
			Cull Off
			Lighting Off
			ZWrite Off
			Fog { Mode Off }
			ColorMask RGB
			Blend SrcAlpha OneMinusSrcAlpha
			ColorMaterial AmbientAndDiffuse
			
			SetTexture [_MainTex]
			{
				Combine Texture * Primary
			}
		}
	}
}
Third 

Shader "Hidden/Unlit/Transparent Colored 2"
{
	Properties
	{
		_MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {}
	}

	SubShader
	{
		LOD 200

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

			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag

			#include "UnityCG.cginc"

			sampler2D _MainTex;
			float4 _ClipRange0 = float4(0.0, 0.0, 1.0, 1.0);
			float4 _ClipArgs0 = float4(1000.0, 1000.0, 0.0, 1.0);
			float4 _ClipRange1 = float4(0.0, 0.0, 1.0, 1.0);
			float4 _ClipArgs1 = float4(1000.0, 1000.0, 0.0, 1.0);

			struct appdata_t
			{
				float4 vertex : POSITION;
				half4 color : COLOR;
				float2 texcoord : TEXCOORD0;
			};

			struct v2f
			{
				float4 vertex : POSITION;
				half4 color : COLOR;
				float2 texcoord : TEXCOORD0;
				float4 worldPos : TEXCOORD1;
			};

			float2 Rotate (float2 v, float2 rot)
			{
				float2 ret;
				ret.x = v.x * rot.y - v.y * rot.x;
				ret.y = v.x * rot.x + v.y * rot.y;
				return ret;
			}

			v2f vert (appdata_t v)
			{
				v2f o;
				o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
				o.color = v.color;
				o.texcoord = v.texcoord;
				o.worldPos.xy = v.vertex.xy * _ClipRange0.zw + _ClipRange0.xy;
				o.worldPos.zw = Rotate(v.vertex.xy, _ClipArgs1.zw) * _ClipRange1.zw + _ClipRange1.xy;
				return o;
			}

			half4 frag (v2f IN) : COLOR
			{
				// First clip region
				float2 factor = (float2(1.0, 1.0) - abs(IN.worldPos.xy)) * _ClipArgs0.xy;
				float f = min(factor.x, factor.y);

				// Second clip region
				factor = (float2(1.0, 1.0) - abs(IN.worldPos.zw)) * _ClipArgs1.xy;
				f = min(f, min(factor.x, factor.y));

				// Sample the texture
				half4 col = tex2D(_MainTex, IN.texcoord) * IN.color;
				col.a *= clamp(f, 0.0, 1.0);
				return col;
			}
			ENDCG
		}
	}
	
	SubShader
	{
		LOD 100

		Tags
		{
			"Queue" = "Transparent"
			"IgnoreProjector" = "True"
			"RenderType" = "Transparent"
		}
		
		Pass
		{
			Cull Off
			Lighting Off
			ZWrite Off
			Fog { Mode Off }
			ColorMask RGB
			Blend SrcAlpha OneMinusSrcAlpha
			ColorMaterial AmbientAndDiffuse
			
			SetTexture [_MainTex]
			{
				Combine Texture * Primary
			}
		}
	}
}

Four 

Shader "Hidden/Unlit/Transparent Colored 3"
{
	Properties
	{
		_MainTex ("Base (RGB), Alpha (A)", 2D) = "black" {}
	}

	SubShader
	{
		LOD 200

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

			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag

			#include "UnityCG.cginc"

			sampler2D _MainTex;
			float4 _ClipRange0 = float4(0.0, 0.0, 1.0, 1.0);
			float4 _ClipArgs0 = float4(1000.0, 1000.0, 0.0, 1.0);
			float4 _ClipRange1 = float4(0.0, 0.0, 1.0, 1.0);
			float4 _ClipArgs1 = float4(1000.0, 1000.0, 0.0, 1.0);
			float4 _ClipRange2 = float4(0.0, 0.0, 1.0, 1.0);
			float4 _ClipArgs2 = float4(1000.0, 1000.0, 0.0, 1.0);

			struct appdata_t
			{
				float4 vertex : POSITION;
				half4 color : COLOR;
				float2 texcoord : TEXCOORD0;
			};

			struct v2f
			{
				float4 vertex : POSITION;
				half4 color : COLOR;
				float2 texcoord : TEXCOORD0;
				float4 worldPos : TEXCOORD1;
				float2 worldPos2 : TEXCOORD2;
			};

			float2 Rotate (float2 v, float2 rot)
			{
				float2 ret;
				ret.x = v.x * rot.y - v.y * rot.x;
				ret.y = v.x * rot.x + v.y * rot.y;
				return ret;
			}

			v2f vert (appdata_t v)
			{
				v2f o;
				o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
				o.color = v.color;
				o.texcoord = v.texcoord;
				o.worldPos.xy = v.vertex.xy * _ClipRange0.zw + _ClipRange0.xy;
				o.worldPos.zw = Rotate(v.vertex.xy, _ClipArgs1.zw) * _ClipRange1.zw + _ClipRange1.xy;
				o.worldPos2 = Rotate(v.vertex.xy, _ClipArgs2.zw) * _ClipRange2.zw + _ClipRange2.xy;
				return o;
			}

			half4 frag (v2f IN) : COLOR
			{
				// First clip region
				float2 factor = (float2(1.0, 1.0) - abs(IN.worldPos.xy)) * _ClipArgs0.xy;
				float f = min(factor.x, factor.y);

				// Second clip region
				factor = (float2(1.0, 1.0) - abs(IN.worldPos.zw)) * _ClipArgs1.xy;
				f = min(f, min(factor.x, factor.y));

				// Third clip region
				factor = (float2(1.0, 1.0) - abs(IN.worldPos2)) * _ClipArgs2.xy;
				f = min(f, min(factor.x, factor.y));

				// Sample the texture
				half4 col = tex2D(_MainTex, IN.texcoord) * IN.color;
				col.a *= clamp(f, 0.0, 1.0);
				return col;
			}
			ENDCG
		}
	}
	
	SubShader
	{
		LOD 100

		Tags
		{
			"Queue" = "Transparent"
			"IgnoreProjector" = "True"
			"RenderType" = "Transparent"
		}
		
		Pass
		{
			Cull Off
			Lighting Off
			ZWrite Off
			Fog { Mode Off }
			ColorMask RGB
			Blend SrcAlpha OneMinusSrcAlpha
			ColorMaterial AmbientAndDiffuse
			
			SetTexture [_MainTex]
			{
				Combine Texture * Primary
			}
		}
	}
}

四个脚本实现 NGUI 下的圆形遮罩 UGUI没有试过可不可以，步骤是创建一个材质球 用上边这第一个Shader  在Mask(RGB)中添加一张中间是圆形白色，四周是黑色的图片

这样就可以实现了。

古老男
关注
专栏目录
【Unity实战篇 】| 游戏中实现镂空遮罩效果【矩形、圆形镂空遮罩】
努力前行，总会成为自己心中的那道光
07-25 1万+
本文来写一下怎样在Unity中完成一个 镂空遮罩 的效果。 镂空遮罩 比较常用的有两种：矩形镂空遮罩、圆形镂空遮罩。 镂空遮罩 在游戏中常被当做新手引导必备的内容，可以给玩家更多不一样的体验。 下面就一起来看一下怎样做出这种效果吧！
UI圆形效果-Shader实现
05-10
UI圆形效果-Shader实现
详解圆形头像Shader
奎特尔星球
04-28 777
圆形头像在creator中没有提供，但是这个又是个比较高频的使用功能demo实现思路可以使用一张圆的图片，然后配合mask的反向遮罩来实现，但是这种实现的效果会有锯齿，所以一般会写一个s...
Unity UI 圆角组件教程
最新发布
gitblog_00040的博客
08-10 307
Unity UI 圆角组件教程 Unity-UI-Rounded-CornersThis components and shaders allows you to add rounded corners to UI elements!项目地址:https://gitcode.com/gh_mirrors/un/Unity-UI-Rounded-Corners 1. 项目介绍 Unity-UI-R...
基础shader 画圆
qiaozh的博客
07-03 1422
首先画圆需要中心点，半径，我们要做的就是判断像素点和中心点距离是否等于半径 直接上代码 frag函数的核心代码 //i.vertex是裁剪空间下的顶点坐标.xy就就是屏幕坐标 //_MousePos中xy是原点，z是半径 if (length(i.vertex.xy- _MousePos.xy) < _MousePos.z) { return col* _PointColor; } else {
Unity3D —— NGUI染色遮罩Shader
linshuhe1的专栏
02-14 3374
简述： 遮罩的意思是指对原图被遮住的部分进行一定的处理，这里使用最简单的处理就是染色，所以我们需要创建一个遮罩层，通常使用另一个图片来作为遮罩层，也就是mask图。 一、mask图的作用：跟UITexture使用的图片尺寸大小必须一致，将原图中需要被遮住（染色）的部分的位置在mask图中对应位置用纯色（例如：绿色（三原色的一种））涂满，学过flash动画的应该知道遮罩动画的原理，mask图其实
NGUI 圆形头像遮罩
weixin_30552635的博客
11-06 478
NGUI 圆形头像遮罩 列表,求助 http://tieba.baidu.com/p/3961444508 转载于:https://www.cnblogs.com/javalzy/p/4942708.html
游戏小地图圆形遮罩（无锯齿）
10-27
unity中使用softmask消除mask锯齿，ugui应用， 边缘平滑处理 多用于小地图圆形遮罩等地方
Unity Shader实现新手引导遮罩镂空效果
12-20
在Unity中，这些自定义Shader通常基于Unity的内置UI Shader进行扩展，例如"UI/Default_Mask"。在默认Shader的基础上，可以添加自定义属性（如_Center、_Radius等）和代码段，以实现所需的遮罩镂空效果。通过这种方式...
unity 图片遮罩有锯齿_如何消除UGUI Mask遮罩的锯齿
weixin_34722015的博客
01-13 1282
一般的遮罩做法是在Image的节点前，增加一父节点Mask，然后通过Mask包含Image，就是用父Mask的遮罩Image可程序的事件总不会那么顺畅的，反正就是不行结果是锯齿严重:具体原理不知道或者可以通过RectMask2D解决但是我选择了使用Shader，结果：代码如下：(需要RawImage才能使用mat + shader)Shader "Custom/ImageMask"{Propert...
Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案
04-19
2019-04-19 新鲜出炉的原创作品 超实用的 Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案 原文地址：https://blog.csdn.net/weixin_43452343/article/details/89407650 应该就是你想要
NGUI-特效遮罩-脚本实现
05-26
NGUI 粒子效果与特效 无法正常显示解决方案
unity3D 新手引导遮罩，支持圆形和矩形框
06-05
unity3D 新手引导遮罩，支持圆形和矩形框。图形位置和大小可以根据控件的位置和大小调节，通用所有分辨率设备。黑色区域遮挡，只有透明区域可以点穿。
Android中设置图片的圆形遮罩
03-20
采用paint.setXfermode() 设置一个简单的圆形遮罩，详细了解请移步http://blog.csdn.net/zxc514257857/article/details/63834235
Unity用Shader实现图片的区域遮罩，支持半透明，实现地图动态上色功能，示例项目
02-07
具体文章在 http://blog.csdn.net/zhenmu/article/details/79281381 一个项目，做世界地图时，希望未开启的地块是线稿，新地块开启时，做一个上色处理。 想到的方案就是：上了色的彩图盖在线稿上，然后用mask 控制彩图的局部显隐。 然后用mask不同的颜色来区分不同的色块，控制是否需要显示。 涉及到 颜色的位操作。
<Unity3D UGUI>用UGUI方式实现图片的遮罩，圆角图片，圆形图片效果
热门推荐
wocalage的博客
01-05 1万+
实现图片的圆角效果，圆形图片效果，是一个很常见的功能，如下 很多人会使用shader来做，但是太麻烦了，网上关于UGUI实现这种效果的方法我也一直没有找到 我这里知道一个很简单的方法，不用写一行代码 现在我打算告诉你 原理，就是通过Mask遮罩来实现 第一步： 建立如下目录结构，Avatar是需要处理的图片，如头像等 第二步： 给Mask添加俩个控件，I
【Shader】用 Shader 画圆
hoofi.xyz
05-16 2650
Shader "Custom/SimpleCircleShader" { Properties { _Parameters ("Circle Parameters" , Vector) = (0.5, 0.5, 60, 0) _CircleColor ("Circle Color", Color) = (0, 1, 1, 1) _Backgrou
BitmapShader渲染器:实现圆形图片
musk_time
08-28 402
1.概述　　　一般来讲，我们从服务器拿到的图片都是硬生生的方形图片，在界面显示中显得生硬笨拙，因此，我们经常会将图片做一些显示效果的处理，做成圆形或圆角矩形的形式来显示，在界面呈现上显得更美观更优雅。2.效果图　　　　3.原理　　原理其实很简单，在画布canvas上拿画笔paint画一个实心圆，在画圆的时候给画笔设置一个渲染器bitmapShader，在圆形区域内填充绘制图片即可。
NGUI 圆形遮罩列表(scrolview+grid+item)
张涵的博客
08-15 3930
困扰了这么久 问题终于解决了. 按照下图做 使用NGUI 自带的shader  步骤: 1.创建一个材质球mask 2.设置shader为NGUI 自带shader Unlit - Transparent Masked 并添加 遮罩(此shader会将遮罩的透明部分裁剪,只显示非透明部分) 3.添加UITexture  随意使用一张图片,使用材质球mas
UGUI shader遮罩K帧
11-03
UGUI shader遮罩K帧是指在使用UGUI的过程中，使用shader遮罩时，出现了卡顿或者掉帧的情况。这种情况可能是由于shader代码效率低下或者使用不当导致的。为了解决这个问题，可以尝试以下几种方法： 1.优化shader代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值