unity 2D 透明遮罩 简单实现物体一半透明

最新推荐文章于 2025-06-04 15:23:17 发布
最新推荐文章于 2025-06-04 15:23:17 发布
阅读量7.7k 收藏 4
点赞数
分类专栏： unity 文章标签： unity 2d
本文介绍了一种使用Unity实现2D遮罩效果的方法。通过创建特定的Shader和材质，结合深度摄像机，实现角色在遮罩物体后的部分被隐藏的效果。此方法适用于需要动态遮罩的游戏场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

大致需要用到的东西： shader 材质 深度摄像机

unity实现2D遮罩找了许多的解决方法，这个是我采取的一种方法，比较便捷，但不一定是最好的

主要想实现的效果是这样的，小偷藏在窗户的后面，并且有移动的动画，需要遮罩除去其在窗户之外的部分

查看图片

首先新建一个Shader，代码如下，很短

Shader "Depth Mask" {
SubShader{
ColorMask 0
Pass {}
}
}


再新建一个材质

查看图片查看图片

选择shader为刚才新建的DepthMask


我们新建一个空物体，将小偷设为其子物体，并且新建两个cube物体。将刚才的材质添加到这个cube物体上（这里用到了3D的物体，对于2D游戏来说有点怪怪的，但是sprite不能加刚才的材质）

查看图片查看图片

那么在实际的游戏场景中是怎么样的呢？

查看图片

可以看到其将整个摄像机中渲染的物体都遮住了，露出了后面的天空盒


所以此时需要单独为遮罩的物体建立一个深度摄像机

首先先新建一个层thief，将cube和thief的sprite都加入这个层

查看图片

新建摄像机参数如下

查看图片

不要忘记在main camera中的cullingMash中去除thief

然后别忘记thief前面窗的图也要单独用一个深度摄像机

主要是改clearFlags和cullingMask，注意Depth这个属性，值越大的就渲染在越前面


效果如下：

查看图片


最终效果

查看图片

unity 2D 透明遮罩 简单实现
窝 是一个要做游戏的选手
02-18 1万+
（2018.11.24更新， 我觉得这个方法很菜，不要用。。。现在Unity应该自带遮罩的组件） 大致需要用到的东西： shader 材质 深度摄像机 unity实现2D遮罩找了许多的解决方法，这个是我采取的一种方法，比较便捷，但不一定是最好的 主要想实现的效果是这样的，小偷藏在窗户的后面，并且有移动的动画，需要遮罩除去其在窗户之外的部分 首先新建一个Shader，代码如下，很短 S...
unity 2D Sprite遮罩 简单实现
Yxwx的博客
06-09 7535
首先新建2个Sprite，在遮罩物上添加SpriteMask组件，并且选择一张图片 然后把被遮罩物当做遮罩物的子物体， 在被遮罩sprite对象里有一个参数，如图 None：不被遮罩影响 Inside Mask:内遮罩 ，如图所示，被遮住的对象只会出现在遮罩物内部 Outside Mask:外遮罩 ，如图所示，遮罩对象分会盖住被遮罩对象 如果同一遮罩物下有多个被遮罩对象，这个时候想改变被遮罩物的层级关系时，需要一一分配Order in layer，如下图，数值越大层级越前，反之越后 ...
Unity功能记录(十一) ------ 实现3D模型遮罩效果
千喜
12-22 1万+
事情是这样的,之前呢,用Sprite Mask做了遮罩效果,但是,老板想要月球来回转动,就不能用图片转动,只能用UI了,那相应的,遮罩怎么办呢,老板也是神人,给我指了一条新的思路,就是将3D遮罩转化成2D遮罩,不过放在手机上卡成狗,幸好群里大佬ific指点了一下遮罩的shader,效果不错,在此将两种方法都分享出来~ 一.使用RenderTexture渲染成Sprite,然后使用Sprite M...
Mask篇 (含引导层、不规则遮罩)
最新发布
qq_41179365的博客
06-04 1108
舞台布景上的聚光灯舞台太暗，打灯引导观众看哪里；灯光太多，观众眼花；聚光精准，舞台清晰，焦点突出。🎯总结少裁剪，轻遮盖，洞精准，光通透！能剪不盖，能透不涂，能准不泛，能省必省！
Untiy3D 遮罩
07-01
能实现同AS3相同的遮罩功能 制作动画 开场动画 小地图 等
unity3D 新手引导遮罩，支持圆形和矩形框
06-05
unity3D 新手引导遮罩，支持圆形和矩形框。图形位置和大小可以根据控件的位置和大小调节，通用所有分辨率设备。黑色区域遮挡，只有透明区域可以点穿。
unity 2d遮挡透明显示整理
c__yh的博客
12-21 5777
unity 2d遮挡透明显示 游戏人物遮挡的透明显示
Unity-UGUI Mask 实现3D物体的遮罩
暗夜
11-14 939
ModelVisibilityController 脚本用于在模型的屏幕坐标位于 UI 遮罩区域内时显示模型，并在模型离开遮罩区域时隐藏模型。精度问题：IsModelInsideMask() 方法会计算模型的边界 8 个角点，以确保模型的大部分进入遮罩区域时才显示，避免只因模型中心点位于遮罩内而误显示。遮罩判断不准确：确认 uiCamera 的 Culling Mask 设置为只渲染 UI 层，并确保模型的 Renderer 组件包含所有的模型网格。将 uiCamera 指定为该 UI 摄像机。
Unity shader实现遮罩效果
08-26
在 Unity 中实现遮罩效果是一件非常有用的技术，能够将图片或物体部分遮罩，展示出特定的形状或效果。下面我们将详细介绍 Unity Shader 实现遮罩效果的方法。 Shader 编写 在 Unity 中，我们可以使用 Shader 语言...
Unity Shader实现纹理遮罩效果
08-19
Unity Shader 实现纹理遮罩效果 Unity Shader 是一种强大的图形shader语言，它可以实现复杂的图形效果。在 Unity 中，Shader 是一个非常重要的组件，它可以控制游戏中的图形效果。在本文中，我们将详细介绍如何...
【Unity Shaders】Reflecting Your World —— Unity3D中的遮罩反射（Masking Reflections）
weixin_34101229的博客
04-15 161
本系列主要参考《Unity Shaders and Effects Cookbook》一书（感谢原书作者），同时会加上一点个人理解或拓展。这里是本书所有的插图。这里是本书所需的代码和资源（当然你也可以从官网下载）。========================================== 分割线==========================================写在...
unity3d无灯光下的带遮罩的边缘发光的凹凸高光材质
02-13
2个文件 1个shader 1个基础说明文件
Unity用Shader实现图片的区域遮罩，支持半透明，实现地图动态上色功能，示例项目
02-07
具体文章在 http://blog.youkuaiyun.com/zhenmu/article/details/79281381 一个项目，做世界地图时，希望未开启的地块是线稿，新地块开启时，做一个上色处理。 想到的方案就是：上了色的彩图盖在线稿上，然后用mask 控制彩图的局部显隐。 然后用mask不同的颜色来区分不同的色块，控制是否需要显示。 涉及到 颜色的位操作。
【Unity2D游戏】实现实时的正确的遮挡关系（引擎自带功能）
热门推荐
B17160410的博客
01-17 1万+
通过在unity中设置自定义轴向控制精灵渲染，实现2d游戏中实时正确的遮挡关系。
Unity遮罩概念
weixin_44031002的博客
02-02 1045
值得一提的是，遮罩的使用不仅限于UI元素，也可以通过自定义材质来实现3D物体的遮罩效果，这种方法在某些情况下可能更为简便和灵活。遮罩组件的工作原理是通过一个父对象的形状来限制其子对象的显示范围。：这是用于UI元素的遮罩，它可以使子UI元素只显示在父元素的形状内。例如，如果你有一个矩形的Mask组件，那么它的子元素只会在矩形区域内显示。总的来说，Unity中的遮罩是一种强大的工具，它可以让开发者创造出丰富的视觉效果，同时也提供了一种简单有效的方式来控制复杂UI元素的可见性。
【Unity3D】遮挡剔除 Occlusion
两水先木示的博客
01-03 1520
版本：Unity 2021.2.7f1c1位于射线前创建若干个立方体，将最前面的立方体放大遮挡住后面的立方体。打开Occlusion面板可单独选中遮挡物：勾选Occluder Static，将其变为遮挡静态物体其他被遮挡物体则勾选Occludee Static然后点击Bake，之后选中Main Camera 并点击进入Visualization勾选Occlusion culling开启遮挡剔除，就生效了。遮挡剔除包含2个部分的剔除，1、剔除视椎体之外的物体。
Unity3d Shader篇（十一）— 遮罩纹理
脚踏实地,实事求是。
03-02 1631
在计算机图形学中，遮罩纹理是一种常用的技术，用于控制物体表面的某些属性或效果。通过使用遮罩纹理，可以实现诸如高光强度、反射率等在物体表面不同区域之间的差异化。在本篇博客中，我们将介绍如何使用Shader实现遮罩纹理效果。遮罩纹理的工作原理基于纹理映射的概念。在渲染过程中，每个像素的颜色都是由纹理采样和一系列计算操作得到的。而遮罩纹理作为额外的输入，会在片段着色器中被采样并应用到计算过程中。通常情况下，遮罩纹理的像素值会被映射到一个范围内，用来表示某种属性的强度或影响程度。
Unity3D Shader 引导遮罩,支持圆形、矩形、圆角矩形框
weixin_44802051的博客
02-07 3704
unity3D新手引导遮罩，支持圆形,矩形框,圆角矩形框。图形位置和大小可以根据控件的位置和大小调节，通用所有分辨率设备。黄色区域遮挡，只有白色区域可以点穿。
Unity的3D遮罩技术简述
bingheliefeng的专栏
08-24 3093
遮罩技术是一个基本的技术方法,有很多很多中用法.你可以在Flash中经常看到遮罩的使用,它可以另一些视觉元素更加惊艳.当我看到Unity中没有包含任何几何体和图片的遮罩技术很不爽,不过,幸运的我找到了解决方案,就是"Depth Mask"着色器. 先看看着色器的代码,没错,非常短. Shader "Depth Mask" { SubShader{ Color
unity 2D 圆形遮罩
01-08
### 创建圆形遮罩效果的方法 #### 使用Sprite Mask组件创建圆形遮罩效果 在Unity中，可以利用内置的`Sprite Mask`组件来快速创建一个简单的圆形遮罩效果。从主菜单选择：GameObject > 2D Object > Sprite Mask[^1]。 为了使这个遮罩呈现为圆形，需要调整`Sprite Mask`的相关属性以及所关联的游戏对象上的Sprite Renderer组件： - **Mask Interaction**: 设置为适当选项以便其他物体能够响应此遮罩。 - **Bounds Override Box**: 可以用来微调遮罩区域大小；对于想要获得更精确控制的情况来说非常重要。 - 关联游戏对象下的Sprite Renderer应设置合适的透明度和颜色过渡参数，从而模拟出柔和边缘的效果。 然而需要注意的是，默认情况下Sprite Mask并不提供直接的方式来自定义形状比如完美的圆形边界，因此这种方法可能无法满足对高质量视觉表现有较高要求的应用场景。 #### 利用Shader实现无损质量的圆形遮罩 另一种更为灵活且能避免毛边问题的技术方案是通过编写自定义着色器(Shader)来达成目的。这种方式允许完全掌控渲染过程中的每一个细节，确保最终图像既平滑又高效[^3]。 下面是一个基于HLSL编写的简易版圆形裁剪着色器的例子: ```hlsl Shader "Custom/CircleMask" { Properties { _MainTex ("Texture", 2D) = "white" {} _Center("Circle Center", Vector) = (0.5,0.5,0,0) _Radius("Circle Radius", Range(0,1)) = .5 } SubShader { Tags { "RenderType"="Opaque" } LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag struct appdata_t { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 pos : SV_POSITION; }; sampler2D _MainTex; float2 _Center; float _Radius; v2f vert(appdata_t v) { v2f o; o.pos = UnityObjectToClipPos(v.vertex); o.uv = v.uv; return o; } fixed4 frag(v2f i) : COLOR { float dist = distance(i.uv,_Center); clip(_Radius-dist); // discard pixels outside the circle return tex2D(_MainTex,i.uv); } ENDCG } } } ``` 上述代码片段展示了如何构建一个基本的圆形蒙板着色器，在材质 inspector 面板里指定中心位置(`_Center`)与半径(`_Radius`)即可轻松改变其外观特性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值