Unity之UGUI-特效遮挡问题2.0

本文介绍了如何在Unity的UGUI系统中解决特效遮挡问题,提供了一个新的特效解决方案,支持Mask遮罩。通过挂载特定脚本并使用特定Shader,可以使特效在UI层级中正常显示。文中给出了实现效果的对比,包括使用遮罩方案的item和未使用的item的差异,并提供了git项目链接及资源下载。
摘要由CSDN通过智能技术生成

Unity之UGUI-特效遮挡问题2.0

之前有发过一版特效遮罩问题,部分的解决了【图-特效-图 】结构式的展示问题链接。这次在git上找到一个非常好用的特效解决方案,可以支持Mask遮罩。

效果图

如图 使用了遮罩方案的特效可以按需求展示,未使用的在mask中是遮不住的。
请添加图片描述
上面的item是使用了遮罩方案的,下面的item是未使用的。

设计思路

  1. 这里也就谈不上什么设计思路了,在git上找到一个特效处理方案。
  2. 只需要挂载一个脚本,然后材质使用指定的shader,就可以在UGUI中按正常层级显示内容。

场景搭建

创建Scroll View

创建一个scrollView,并图上颜色,以便特效在上面显示能够区分出来。并在Content下创建两个item,一个做方案展示,一个做无方案展示。
在这里插入图片描述

设置特效方案

把特效放置在合适的层级,该特效的材质shader是选择的UI/Additive ,它可以实现该特效在UI中按我们想要的效果展示,就如一开始的效果图。
在这里插入图片描述

普通特效展示

可以看到特效的材质使用的是默认的shader。
在这里插入图片描述

参考

mob-sakai/ParticleEffectForUGUI

工程项目

链接:https://pan.baidu.com/s/1dTlDUB6GcuHqR6I2sARrlw
提取码:3x6q

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值