IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 游戏开发 -> Unity之UGUI-特效遮挡问题2.0 -> 正文阅读

[游戏开发]Unity之UGUI-特效遮挡问题2.0

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

  游戏开发 最新文章
6、英飞凌-AURIX-TC3XX: PWM实验之使用 GT
泛型自动装箱
CubeMax添加Rtthread操作系统 组件STM32F10
python多线程编程:如何优雅地关闭线程
数据类型隐式转换导致的阻塞
WebAPi实现多文件上传,并附带参数
from origin ‘null‘ has been blocked by
UE4 蓝图调用C++函数(附带项目工程)
Unity学习笔记(一)结构体的简单理解与应用
【Memory As a Programming Concept in C a
上一篇文章      下一篇文章      查看所有文章
加:2022-02-24 15:38:55  更:2022-02-24 15:39:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/27 16:27:52-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码