UGUI中设置利用图片设置一层蒙板的效果

最新推荐文章于 2024-05-13 09:31:44 发布
最新推荐文章于 2024-05-13 09:31:44 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： unity3d UGUI 文章标签： unity3d UGUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ybhjx/article/details/73826636
版权
unity3d 同时被 2 个专栏收录
111 篇文章 3 订阅
订阅专栏
UGUI
3 篇文章 0 订阅
订阅专栏


1. 利用图片设置一层蒙板的效果,这样还可以防止玩家点击到UI后面的东西, 在图片上还需要增加一个Button组件,配置如下图

    


ybhjx
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Unity】基于矩阵的UGUI引导蒙版方案
MrASL的博客
10-26 2551
UGUI实现引导蒙版有多种方案，可以基于shader，或纯粹靠程序实现，这里分享一种最近在项目中使用的基于shader的蒙版方案。 许多基于shader的引导蒙版方案都是将需要遮罩的区域以vector4的形式传入shader，这种方式实现简单且易于理解，而且效果不错，但使用这种方式容易造成一种无法避免的问题：蒙版区域无法旋转，当然除非额外传入遮罩区域的旋转信息。 今天要介绍的方
UGUI引导遮罩实现
foxの笔记本
02-13 952
思路: 1.显示上用一个全屏的灰色Image 作为遮罩体, 获取目标控件的位置和大小数据后,重新组织遮罩的网格数据把目标控件的部分剔除,形成镂空; 2.点击事件 根据点击位置 判断 是否在目标控件的矩形中,如果在矩形中事件穿透下去传递给目标的控件 , 如果不在拦截该点击事件,让事件无效; 先来实现1的效果: unity的UGUI 控件都是继承至UnityEngine.UI.Graphic这个基...
从UGUI源码中想到的UI动态”挖洞”效果的实现(蒙版过滤)
时间是最为奇妙的东西
08-29 7665
一、需求描述：项目中有时候会用到一些“”挖洞“”效果，比如新手教程出现时，整个画面变暗（蒙版），但是突出突出个别的按钮，供玩家点击，但是别的UI元素不能响应点击事件。常见的做法可能是在最上层加一个蒙版，然后改变需要突出的按钮的层级。这种方法对于层级关系简单的项目还可以勉强使用，但是对于层级关系比较复杂而又有其他的限制的时候就有点捉襟见肘了。这里介绍另一种方法：使用模板测试，可以应对很复杂的情况。效...
推荐开源项目：Unity UI Soft Mask
最新发布
gitblog_00031的博客
05-13 458
推荐开源项目：Unity UI Soft Mask 项目地址:https://gitcode.com/mob-sakai/SoftMaskForUGUI 当你在Unity中创建精美的UI元素时，是否曾希望实现柔和的边缘遮罩效果？现在有一个解决方案——SoftMaskForUGUI，这是一个为Unity uGUI组件打造的平滑遮罩工具。 项目介绍 Unity UI Soft Mask是一个能够让你的...
UGUI Mask组件 使用
weixin_42935398的博客
08-23 1290
他人总结    Unity UGUI——遮罩效果（Mask） 我的总结    0.目的      让物体只显示遮罩部分    1.基本结构      ▼Mask带Image组件，作为父物体        要部分显示的物体，作为子物体    2.注意      子物体要只显示Mask处的内容，Mask所在的父物体，必须加Image组件    3.原理（非须知内容，仅做参考）      目标物体，只有遮罩范围内的部分被渲染【详细解析版】Unity UGUI Mask组件实现原理 ...
FairyGUI中创建遮罩
那就做游戏
04-08 1万+
在做UI的时候我们经常会用到遮罩.在UGUI中我们通过Mask组件来实现,FairyGUI中也有同样的功能.下面让我们在FairyGUI编辑器中创建一个List组件,并导入到Unity中显示,没有添加任何遮罩,List的遮挡区域是一个方形.现在我们为List添加一个遮罩来限制List的显示区域和触摸区域.首先导入一张带Alpha通道的不规则图片在FairyGUI编辑器中.然后选中我们的遮罩图,并在编
Unity UGUI实现简单拖拽图片功能
08-19
在上面的代码中，我们首先获取了图片的 UGUI 坐标和 Canvas 的 UGUI 坐标，然后使用 `RectTransformUtility.ScreenPointToLocalPointInRectangle()` 方法将屏幕坐标转换为 UGUI 坐标。最后，我们计算了图片中心和...
UGUI打字效果_打字效果_Ugui_tunebi2_
10-01
在UGUI中，我们经常需要实现各种交互效果，其中之一就是“打字效果”，也就是文字逐渐显示的效果，这在游戏加载提示、剧情对话或者用户输入验证等场景中非常常见。"UGUI打字效果_打型效果_Ugui_tunebi2_"这个项目或...
UGUI打印机效果
07-10
UGUI打印机效果是一种在Unity引擎中使用Unity的UI系统（Unity Graphics Interface，简称UGUI）模拟打字机逐渐显示文本的过程。这种效果常用于对话框、剧情叙述或加载提示等场景，可以增加游戏的交互性和视觉吸引力。...
UGUI实现图片拖拽功能
08-26
UGUI 是 Unity 中的一种用户界面系统，使用 UGUI 可以实现各种复杂的界面交互。今天，我们将介绍如何使用 UGUI 实现图片拖拽功能。 首先，我们需要了解 UGUI 中的两种坐标系：屏幕坐标和 UGUI 坐标。屏幕坐标是指...
UGUI使用自带功能实现反向遮罩
StudyHard_luozhongxu的博客
02-14 2773
UGUI使用自带功能实现反向遮罩 2.再新建一个材质球，取名为masked，调节参数如下图 3.创建两个Image，分别把材质托上去，注意层级如下图： 4.mask指定一张图片，如下图： 5.最终效果如下图： ...
用Stencil Buffer实现在UGUI上嵌入3D模型
06-24
用Stencil Buffer实现在UGUI上嵌入3D模型
Unity 利用UI Mask 对Sprite精灵遮罩处理
12-01
Unity5的unitypackage 利用UI Mask 实现对Sprite精灵遮罩处理。不是插件
UGUI新手引导反向遮罩.unitypackage
07-14
UGUI做的反向遮罩，导入资源资源包即可使用，适应于新手引导及各种场合，有什么需要请在下方留言，更多有趣资源请关注我的博客
<Unity3D UGUI>用UGUI方式实现图片的遮罩，圆角图片，圆形图片效果
热门推荐
wocalage的博客
01-05 1万+
实现图片的圆角效果，圆形图片效果，是一个很常见的功能，如下 很多人会使用shader来做，但是太麻烦了，网上关于UGUI实现这种效果的方法我也一直没有找到 我这里知道一个很简单的方法，不用写一行代码 现在我打算告诉你 原理，就是通过Mask遮罩来实现 第一步： 建立如下目录结构，Avatar是需要处理的图片，如头像等 第二步： 给Mask添加俩个控件，I
Unity的UGUI调节层次而不影响位置
Edwin Lee的博客
12-06 1万+
Hello,我是 KitStar。只调节UI层次，不影响它所在Hierarchy视图中的位置关系。最近在使用UNITY的UGUI的时候碰见一个尴尬的问题。 我有几组图片，
unity 实战图片挖洞Mask(转载)
weixin_34356310的博客
02-21 2832
转载转载 https://www.cnblogs.com/j349900963/p/8340571.html 截取里面俩代码，可以实现图片挖洞的需求 注意： hole image 需要 将图片的透明度调整为1 public class Hole : Mask { public override bool IsRaycastLocationValid(Vector2 sp,...
Unity UGUI——遮罩效果（Mask）
weixin_34167819的博客
01-27 1902
Show Mask Graphic
Unity3D自学笔记——UGUI 利用遮罩显示3D人物（物体）
alistair_chow的博客
11-10 5711
UGUI 利用遮罩显示3D人物（物体）效果图实现步骤 创建你要显示的图片 首先建立一个相机，然后一个背景，然后一个你要拍摄的对象，一个背景 新建一个Render Texture, 将他添加至相机Target Texture属性中，这里命名为Player，意思是相机所拍摄的图像将渲染显示在Player上面相机设置如下 选中相机，从预览图中已经看到你要生成的图片已经做好了，然后就是怎么放
UGUI中点击鼠标实现相机和物体缩放怎么设置
05-25
在Unity中实现相机和物体缩放，可以使用鼠标滚轮来控制相机的缩放，也可以使用鼠标左键或右键来控制物体的缩放。 首先，你需要创建一个脚本来控制相机和物体的缩放。然后，你可以通过以下方式来设置鼠标的输入： ```csharp void Update() { // 相机缩放 float scroll = Input.GetAxis("Mouse ScrollWheel"); transform.position += transform.forward * scroll * zoomSpeed; // 物体缩放 if (Input.GetMouseButton(0)) { float scaleX = Input.GetAxis("Mouse X") * scaleSpeed; float scaleY = Input.GetAxis("Mouse Y") * scaleSpeed; transform.localScale += new Vector3(scaleX, scaleY, 0); } if (Input.GetMouseButton(1)) { float scaleX = Input.GetAxis("Mouse X") * scaleSpeed; float scaleY = Input.GetAxis("Mouse Y") * scaleSpeed; transform.localScale -= new Vector3(scaleX, scaleY, 0); } } ``` 上述代码中，`Input.GetAxis("Mouse ScrollWheel")`获取鼠标滚轮的滚动值，用于控制相机的缩放。`Input.GetMouseButton(0)`和`Input.GetMouseButton(1)`分别获取鼠标左键和右键的点击状态，用于控制物体的缩放。`Input.GetAxis("Mouse X")`和`Input.GetAxis("Mouse Y")`分别获取鼠标在水平和垂直方向上的移动距离，用于控制物体的缩放比例。 在脚本中，你需要定义相机和物体的缩放速度。可以根据需求自行调整。 ```csharp public float zoomSpeed = 1f; // 相机缩放速度 public float scaleSpeed = 0.1f; // 物体缩放速度 ``` 最后，将脚本挂载到相机或物体上即可实现缩放效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值