unity使用UGUI特效裁剪

最新推荐文章于 2024-06-18 15:00:00 发布
最新推荐文章于 2024-06-18 15:00:00 发布
阅读量9.2k 收藏 12
点赞数 1
分类专栏： Unity 文章标签： unity ui mask effect particlesystem
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bn0305/article/details/78058076
版权

作者在游戏开发中遇到一个问题，UGUI中一个scroll view使用了mask组件，将带有特效的元素拖出裁减区域发现元素中的特效是无法裁剪的

分析原因，是因为mask的实现是用stencil buffer做的，而且mask下的节点是一起渲染的，渲染完毕mask就会清除，即使例子的material使用的shader支持stencil功能也无法正确的裁剪，mask在收集子物体的时候是不会考虑特效的，只会考虑UI元素，这样stencil对特效无法正确的生效导致mask组件无法裁剪特效

经过研究，可以使用新的裁剪组件rect  mask2d与sprite mask配合使用

使用默认的mask组件，效果如图


最低0.47元/天 解锁文章
bn0305
关注
  • 1
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
UGUIMask裁剪粒子.unitypackage
07-25
在UGUI开发中 会遇到以下情况，scrollview 下面有item附带粒子特效（道具选中特效）由于UGUI内置的Mask 裁剪不了 粒子，示例u3d项目展示shader scrollview 裁剪
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
Unity中UGUI在Mask剪裁粒子特效的实现
qq_38139885的博客
01-23 1092
在Unity使用Mask是剪裁不了粒子特效的，之前有想过RenderTexture来实现，不过使用RenderTexture不适合用于很多个特效，因为RenderTexture依赖Camera的照射，如果在背包中每种道具都有不同的特效，那使用RenderTexture则需要不同特效都用一个Camera。解决办法在粒子特效的shader中添加剪裁的代码。先看下剪裁不了的显示。
Unity引擎UGUI上特效处理重叠和裁剪问题的多种解决办法
最新发布
阿赵的博客
06-18 1602
之前我介绍了一下使用MaskableGraphic的方式把粒子特效渲染在UI上，把粒子特效当Image用。实际上解决类似的问题，是有很多手段的，这些手段各有优缺点，实现的难度也各有不同，这篇文章不会很详细的列举代码，但可以从思路上分享一下。
Unity UGUI中Mask和RectMask2D
zhaojunkuan的博客
11-09 3263
Unity UGUI中Mask和RectMask2D 每个月一次经验分享，连比划带抄的完成了。 1、 Mask和RectMask2D原理 (1)、Mask 由于裁切需要同时裁切图片和文本，所以Image和Text都会派生自MaskableGraphic。 如果要让Mask节点下的元素裁切，那么它需要占一个DrawCall，因为这些元素需要一个新的Shader参数来渲染。(查看源码)Image对象在进行Rebuild()时，UpdateMaterial()方法中会获取需要渲染的材质，并且判断当前对象的组件是否
在UI中使用SpriteMask裁减任意shader的粒子效果
weixin_38027841的博客
07-14 864
由于我们需要在Mask中对粒子效果进行裁减。但是我们的的特效同事不愿意每个shader都去添加Stencil。所以使用SpriteMask方式进行裁减。
【游戏开发实战】Unity粒子在UI界面中的裁切、蒙版、层级问题的解决（ScrollView裁切、Mask蒙版、UI粒子层级关系）
linxinfa的专栏
05-05 8348
文章目录一、前言 一、前言 点关注不迷路，持续输出Unity干货文章。 嗨，大家好，我是新发。 我们在游戏中，可能需要在UI界面中穿插显示粒子。 当我们在UI上挂粒子，效果是这样的： 这真是太糟糕了，我们希望粒子可以被ScrollView裁切，可以通过Mask组件通过Image蒙版来显示，可以按照UGUI的层级关系处理UI对象与粒子的渲染顺序。 ...
Unity3D UGUI显示3D特效
12-02
在UGUI环境下展示3D特效，比如粒子特效和Mesh UV特效，是一项技术性较强的任务，涉及到多个Unity3D的核心概念和技术。 首先，让我们详细了解一下如何在UGUI中实现3D特效。 1. **粒子特效**：Unity3D的粒子系统可以...
Unity3D UGUI特效之Image高斯模糊效果
12-31
针对移动平台，使用高斯模糊，其实效率不是很高，如果要很好的效果，那么速度卡；如果要速度快，那么效果达不到要求。但是还是在这里记录下，兴许以后能用上。 先说第一个，挂在Image下的模糊特效。 Shader Custom/...
Unity UGUI 流光特效Shader源码。
05-15
通过学习和实践这套流光特效Shader源码，开发者不仅可以提升Unity UGUI的使用技巧，还能增强对Shader编程的理解，这对于创建更具吸引力的游戏界面至关重要。在实际项目中，这样的特效可以极大地提高游戏的视觉品质，...
Unity 利用 Stencil（模版测试） 实现mask的遮挡效果 可遮挡粒子和自定义遮挡形状
热门推荐
王王王渣渣的博客
10-17 1万+
先看最终的效果图： 美术提了一个在按钮上加粒子特效的需求，因此需要做下裁剪的功能，防止粒子特效超框（如上图）。一开始想的是用之前的方法，给shader一个按钮位置以及长宽的Vector，计算按钮区域来计算遮挡。但是发现那个按钮的图片是一个梯形的（如图），空白的部分也不能出现粒子，这就麻烦了。 后来查了下发现shader有一个Stencil的功能，叫做模板缓存，可以实现我们想要的需求（不过似...
Unity的ScrollRect如何裁切粒子特效，以及如何使粒子特效显示在UI上
啸风轩
02-20 6604
在功能开发中，有时候为了更好的效果会在UI上添加一些特效，比如在头像框上增加一个圆环的粒子特效，但由于粒子和UI的渲染方式有些不同，导致会出现UI和特效之间穿插，显示上不理想。并且如果在ScrollRect下显示人物列表，滑动滚动条时还无法对粒子特效进行遮罩处理。这里集中解决这两个问题： 首先解决如何使粒子特效显示在UI上： 1.设定Canvas渲染模式： 当添加一个UI对象时，如果Hierarchy下没有Canvas，则UGUI系统会自动添加该对象，并且Canvas的渲染模式默认为Screen Sp
unity怎么切割图片
qq_20179331的博客
04-03 3949
unity怎么切割图片。
unity3d UI粒子特效裁剪
qq_57896821的博客
10-26 2011
学习目标： unity3d UI粒子特效裁剪 学习内容： 先从unity商城中下载粒子特效unity商城有很多免费的unity商城的位置在Window——>Asset Store(快捷键Ctrl+9) 接下来步入正题（我会把粒子特效资源发到我的资源下面大家可以自行下载） 1.我们先搭载好这样一个简单的场景 2. 我们在滑动列表（Scroll View）的Content下面放一些item（Image）然后在其中的一个（或着多个）下面放上粒子特效（如图所示） 3.我...
UGUI粒子效果裁剪
HarvestHarvest的博客
08-26 1159
这里先介绍下简单方便的做法，先看看效果： 具体做法： 首先把mask组件替换为rect mask 2D组件，因为mask的裁剪的原理是根据stencil buffer，而且只会裁剪子节点的UI，不会裁剪粒子。 创建一个空的gameobject，命名为MaskRect，添加sprite mask组件，并选择裁剪的sprite，把scale调整到scrollview content的区域大小。 每个item下面挂在粒子特效，并且设置粒子特效的mask属性为visible inside mask 然后拖动sc
Unity（三十二）：Mask - 粒子裁剪、粒子和遮罩贴合
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
02-20 3711
目录：粒子裁剪、粒子和遮罩贴合最终效果裁剪shader粒子配置shader粒子裁剪效果布局脚本粒子和遮罩贴合 最终效果 裁剪shader 粒子配置 shader Shader "Custom/Particle Clipping" { Properties { _MinX ("Min X", float) = 0 _MinY ("Min Y", float) = 0 _MaxX ("Max X", float) = 0 _Ma
unity transform_Unity使用模板测试实现UI裁剪粒子特效
weixin_39595320的博客
11-25 296
前几天跟一个哥哥聊天，说到了UI上面粒子特效的裁剪，作为一个好久不写UI的同学来说，我根本没有意识到问题。。他跟我说的具体流程好像是，在粒子的片段处理时看看是不是在Mask的矩形内，来判断是否显示这个片段。我当时就感觉这丫太复杂了吧。。还要考虑适配，屏幕缩放。。万一我有多个空间需要裁剪怎么办。。今天就试了下用模板测试做这个裁剪。我们知道UI的Mask原理无非就是Stencil，而且在UI的默认Sh...
Mask裁剪UI粒子特效
黎明有星辰的博客
05-30 1291
核心原理 GPU 每次刷新屏幕时，会重新计算物体上的 Shader 中的顶点着色器和片面着色器，然后输出计算结果并显示到屏幕上。在计算片面着色器时，需要将材质的顶点的世界坐标和 Mask 裁剪区域的边界进行比对，判断该顶点是否在裁剪区域内，如果不是就将该顶点的透明通道设为零。 下面附上Shader代码： //add 注释中的内容是修改的地方 //Mask裁切UI粒子系统 Shader "Particles/AdditiveMask" { Properties { _TintColor ("Tint C
UI特效应用Mask剪裁
qq_33205561的博客
02-06 419
公司的特效做UI特效的时候，总喜欢一些奇奇怪怪的shader。 做滚动窗口的时候需要用Mask把多余位置遮住，如果里面有特效的话会像这样透出 修改shader 的代码，使其支持支持stencil，可以实现mask遮盖 加入下面的两段代码： _StencilComp("Stencil Comparison", Float) = 8 _Stencil("Stencil ID", ...
Unity3D uGUI实战指南： Francesco Sapio
"Unity3D UI框架uGUI的详细介绍，由Francesco Sapio撰写，包含超过60个创建专业且精致游戏界面的配方，旨在提升游戏沉浸感。" 《Unity UI Cookbook》是Francesco Sapio于2015年出版的一本专著，专门针对Unity3D的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值