关于Unity遮罩

最新推荐文章于 2024-07-26 13:16:21 发布
原创 最新推荐文章于 2024-07-26 13:16:21 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Unity #遮罩

本文介绍了使用Unity的Shader遮罩技术实现特定形状渲染的方法。通过自定义Shader和利用UGUI自带的遮罩功能，作者详细阐述了如何解决摄像机渲染正方形区域与所需不规则形状之间的矛盾。
最早接触遮罩，是在做毕设时，小地图的实现，当时用的是NGUI，摄像机跟随人物，进行渲染，将RenderTexture赋给图片来实现，而摄像机拍摄到的是正方形的，但需求则不一定，在这里用到了Shader遮罩。
Shader "Custom/Mask" {
	Properties {
		_MainTex ("Main Texture", 2D) = "white" {}
		_Mask ("Mask Texture", 2D) = "white" {}
	}
	SubShader {
	
		Tags { "Queue" = "Transparent" }
		Lighting On
		ZWrite Off
		Blend SrcAlpha OneMinusSrcAlpha

		Pass
		{
			SetTexture [_Mask] {combine texture}
			SetTexture [_MainTex] {combine texture , previous}
		}
	} 
}

后面发现UGUI有自带遮罩，只需要添加mask组件：

在Unity下实现遮罩功能
02-08 2509
在Unity下实现遮罩功能       在做项目的时候，遇到一个[color=rgb(85, 85, 85) !important就是在一个UI界面上面会随机生成一些gameObject，但是他们的出现时有一定范围的，所以要做一个遮罩来控制这个范围，让生成的对象进入遮罩范围之后就不显示出来。 1. 首先创建一个场景，在里面添加一个球（把这个部分当做是UI部分），主要
unity3D 新手引导遮罩，支持圆形和矩形框
06-05
unity3D 新手引导遮罩，支持圆形和矩形框。图形位置和大小可以根据控件的位置和大小调节，通用所有分辨率设备。黑色区域遮挡，只有透明区域可以点穿。
Unity新手引导-shader遮罩（完整资源工程）
11-21
该资源为Unity新手引导Shader遮罩完整工程。在网上现有资源的基础上做了一些整合和修正，可以直接打开DEMO场景看到效果展示。具体的实现流程如有不会可以咨询我本人。
Unity 遮罩
Lost_the_wind的博客
04-10 2721
untiy的三张遮罩方式
小功能⭐️Unity遮罩
星河造梦坊
09-05 1790
Unity遮罩
精选资源
Unity 光圈遮罩聚焦ui引导
07-08
一、Unity遮罩（Masking） Unity的遮罩系统是通过图形层叠和剪裁来实现的。在Unity中，我们可以使用Canvas Renderer组件配合Mask组件来创建遮罩效果。Mask组件可以对Canvas上的子对象进行裁剪，只显示在遮罩内的...
UNITY遮罩增加材质
03-13
非常好用的材质，遮罩增加，UNITY里用的非常多的材质球
Unity shader实现遮罩效果
08-26
Unity Shader 实现遮罩效果 在 Unity 中实现遮罩效果是一件非常有用的技术，能够将图片或物体部分遮罩，展示出特定的形状或效果。下面我们将详细介绍 Unity Shader 实现遮罩效果的方法。 Shader 编写 在 Unity 中...
精选资源
Unity 实现新手引导遮罩
04-30
Unity 实现新手引导遮罩
UNITY 简易反向遮罩资源文件
09-08
UNITY 简易反向遮罩资源文件
Unity Shader实现纹理遮罩效果
01-20
纹理遮罩用处很多，简单来讲就是允许我们可以保护模型中的某些区域不受某些因素的影响。例如我们有时希望模型表面某些区域的反光强烈一些，而某些区域弱一些。为了得到更加细腻的结果，我们需要用一张遮罩纹理来控制该光照。还有一些情况就是某些模型需要多张纹理混合时，此时使用遮罩纹理可以控制如何混合这些纹理。 具体流程为：通过采样得到遮罩纹理的纹素值，然后使用其中某个或者几个通道的值来与某种表面属性进行相乘。当该通道的值为0时，此时该表面属性不受遮罩纹理的影响。 shader代码如下： Shader Custom/MaskTexture { Properties { _Color (C
Unity 利用UI Mask 对Sprite精灵遮罩处理
12-01
Unity5的unitypackage 利用UI Mask 实现对Sprite精灵遮罩处理。不是插件
unity 遮罩案例
08-25
自己制作的unity的遮罩案例，通过它可以很容易的实现游戏里面技能的冷却时间特效。
shader 圆形遮罩
tianyongheng的专栏
11-22 2496
unity 遮罩，用mask 试了试 没啥效果，于是上网找了关于shader遮罩的博客。效果还不错。 圆形裁剪。 步骤： 1. shader：其主要原理是把遮罩图片的透明和原图片的透明度进行混合。不透明部分就是遮罩区域，透明部分不再显示// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToCl
Unity 引导遮罩
海月的博客
07-27 730
首先，在画布下创建一个背景，一个屏幕遮罩 背景 背景没什么特殊的地方 屏幕遮罩 原图像使用和背景同样大小的纯黑图片 添加Canvas Group组件，调整透明度为0.56，不遮挡射线检测 添加Canvas组件，勾选Override Sorting，Order in Layer调整为合适层级 游戏对象 通过代码，将游戏对象中SpriteRender组件中的Order in Layer为合适层级即可。 ...
Unity遮罩概念
weixin_44031002的博客
02-02 1156
值得一提的是，遮罩的使用不仅限于UI元素，也可以通过自定义材质来实现3D物体的遮罩效果，这种方法在某些情况下可能更为简便和灵活。遮罩组件的工作原理是通过一个父对象的形状来限制其子对象的显示范围。：这是用于UI元素的遮罩，它可以使子UI元素只显示在父元素的形状内。例如，如果你有一个矩形的Mask组件，那么它的子元素只会在矩形区域内显示。总的来说，Unity中的遮罩是一种强大的工具，它可以让开发者创造出丰富的视觉效果，同时也提供了一种简单有效的方式来控制复杂UI元素的可见性。
Unity UGUI 之 Mask
咩咩的博客
07-26 1291
嘻嘻
Unity Shader - 遮罩效果
长生但酒狂的博客
12-24 5820
已经有二十天没有更新博客了，这段时间也一直在学习WebGL shader，后续可能也会更新一些WebGL相关的博客。 转入正题，我们来说说今天要实现的一个shader效果 - 遮罩。 其实遮罩原理非常简单，把源像素和遮罩图形像素相乘就行了。 大致效果如下： 准备工作 1.创建一个场景和一些物体（cube，sphere等）。 2.创建一个新的C#脚本和一个Shader，命名为Mask。 3.把Ma...
Unity 遮罩基础应用
qq_28112287的博客
10-25 1255
介绍Unity中Mask可以控制图片的显示范围，使图片只显示其中的一部分，是一个很好用的功能。 例如头像的圆角、不规则形状等等。 下面我们就简单实现一个圆角图片。 （以后先讲步骤，然后再讲具体实现细节。） 步骤 用一个空物体包裹你要操作的图片 在空物体中加入Image和Mask脚本 Image脚本的Source Image属性总填入圆角形状的图片 详细实现 ##首先，准备好需要的图片，一
unity 遮罩脚本
最新发布
05-07
### 关于 Unity 遮罩功能的脚本实现 在 Unity 中，遮罩效果可以通过多种方式实现，比如使用 Shader、Material 属性或者脚本来动态调整对象的透明度和可见区域。以下是一个基于透明度裁剪（Alpha Clip）的简单脚本示例，用于实现遮罩效果。 #### 使用 Alpha Clip 实现遮罩效果 为了实现遮罩效果，可以利用材质中的 `Alpha Cutoff` 参数来定义哪些部分应该显示或隐藏。下面是一段代码示例，展示如何通过脚本动态控制遮罩范围： ```csharp using UnityEngine; public class MaskController : MonoBehaviour { public Material maskMaterial; // 绑定带有 Alpha Clip 的材质 private float cutoffValue = 0.5f; // 初始裁剪阈值 void Update() { if (maskMaterial != null) { // 动态改变 Alpha Cutoff 值 cutoffValue += Input.GetAxis("Vertical") * Time.deltaTime; cutoffValue = Mathf.Clamp01(cutoffValue); // 确保值在 0 和 1 之间 maskMaterial.SetFloat("_Cutoff", cutoffValue); } } void OnGUI() { GUILayout.Label("Press Up/Down Arrow Keys to change the Mask"); } } ``` 此脚本允许用户通过上下箭头键实时调整 `_Cutoff` 参数，从而改变遮罩的效果[^3]。 #### 设置 Alpha Clip 材质 要使上述脚本生效，需创建一个支持 Alpha Clip 的材质： 1. 创建一个新的 Shader 并启用 `Alpha Clipping`。 2. 将该 Shader 应用到目标物体的材质上。 3. 在材质属性中加载一张具有透明背景的纹理作为遮罩图案。 以下是自定义 Shader 的基本模板： ```hlsl Shader "Custom/MaskShader" { Properties { _MainTex ("Texture", 2D) = "white" {} _Cutoff ("Alpha Cutoff", Range(0,1)) = 0.5 } SubShader { Tags { "RenderType"="TransparentCutout" "Queue"="AlphaTest" } LOD 200 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; float _Cutoff; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); clip(col.a - _Cutoff); // 执行 Alpha Clipping return col; } ENDCG } } } ``` 这段 Shader 支持通过 `_Cutoff` 参数动态裁剪不透明区域[^4]。 #### 注意事项 - 如果希望遮罩形状为圆形或其他复杂图形，可以在材质中指定对应的纹理文件，并确保其 alpha 通道已正确配置。 - 对于更复杂的遮罩需求，可能需要借助第三方插件（如 ProBuilder 或 Post Processing Stack），这些工具提供了更多高级功能和支持。 --- ###
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

末零

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值