Unity之UGUI-特效遮挡问题2.0

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

效果图

如图使用了遮罩方案的特效可以按需求展示，未使用的在mask中是遮不住的。

上面的item是使用了遮罩方案的，下面的item是未使用的。

设计思路

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

场景搭建

创建Scroll View

创建一个scrollView，并图上颜色，以便特效在上面显示能够区分出来。并在Content下创建两个item，一个做方案展示，一个做无方案展示。

设置特效方案

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

普通特效展示

可以看到特效的材质使用的是默认的shader。

参考

mob-sakai/ParticleEffectForUGUI

工程项目

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

Unity之UGUI-特效遮挡问题2.0相关推荐

Unity 之 UGUI 图片和粒子特效显示层级关系调整
Unity 之 UGUI 图片和粒子特效显示层级关系调整通常我们使用UGUI时都是通过调整UI的先后顺序或者父物体的层级关系,可是当我使用到粒子特效和Image一起的时候发现光修改层级关系是达不 ...
Unity 3D 环境特效｜｜Unity 3D 游戏场景设计实例
Unity 3D 环境特效一般情况下,要在游戏场景中添加雾特效和水特效较为困难,因为需要开发人员懂得着色器语言且能够熟练地使用它进行编程. Unity 3D 游戏开发引擎为了能够简单地还原真实世界中 ...
Unity GUI(uGUI)使用心得与性能总结
Unity GUI(uGUI)使用心得与性能总结作者 kingshijie 关注 2015.09.26 15:35 字数 3686 阅读 28031评论 10喜欢 49 背景和目的小哈接触Unit ...
Unity的UGUI用TexturePacker全自动打图集，包括九宫格切图信息
Unity的UGUI用TexturePacker全自动打图集,包括九宫格切图信息前言环境准备实现过程注意总结版权声明前言最近在学习UGUI的打图集,之前一直在用SpritePacker ...
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏
零基础入门 Unity 之 UGUI 详解专栏 | 寻找C站宝藏六大推荐理由理由一:系统理由二:详细理由三:专业理由四:图解理由五:深度理由六:实例一键直达:<UGUI 控件详解 ...
Unity 3D - UGUI 自适应文本框
Unity 3D - UGUI 自适应文本框 : 说明 : 同一个文本框根据内容 , 自动缩放文本框大小 . 效果图 : 实现方式 ( 重点 ) : 第一步 : 创建一个文本( Text ) , 文本 ...
【Unity使用UGUI实现王者荣耀UI界面（一）】加载页面（进度条）
文章目录 [Unity使用UGUI实现王者荣耀UI界面(一)]加载页面(进度条) 1. 素材准备 2. 界面分析 3. 打开Unity Hub创建项目 4. 开始搭建UI 1. 准备工作 2. 背景图 ...
Unity中ugui如何制作不规则按键的两种方法
Unity中ugui如何制作不规则按键的两种方法两种不同的方案目前,关于这个问题如何,解决通过搜索引擎我们能找到两种不同的方案: 多边形碰撞器: 该方法是指给精灵(Sprite)添加一个多边形碰撞 ...
Unity 之 UGUI Dropdown下拉控件展开方向控制
Unity 之 UGUI Dropdown下拉控件展开方向控制有个需要控制下拉控件展开方向的需求,不得探索一下这个下拉方向是由那些属性控制的. 其实我们正常使用的时候你可以发现,下拉控件默认向下展开 ...

Unity之UGUI-特效遮挡问题2.0

Unity之UGUI-特效遮挡问题2.0

效果图

设计思路

场景搭建

创建Scroll View

设置特效方案

普通特效展示

参考

工程项目

Unity之UGUI-特效遮挡问题2.0相关推荐

最新文章

热门文章