UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及 层级遮挡 和 Mask

已于 2023-04-11 20:57:21 修改
阅读量6.5k 收藏 11
点赞数 2
分类专栏： Unity 文章标签： unity ui UGUI Particle
于 2023-03-04 11:55:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liqiangeastsun/article/details/129332256
版权

UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及 层级遮挡 和 Mask

UIParticle git 地址

打开上面地址，关于UIParticle 如何使用讲解非常详细
如何安装到Unity 项目？找到 Installation 部分，几种安装方式
在这里插入图片描述
下面是 Using Git 方式
关闭Unity，打开 Unity 项目目录找到 Packages/manifest.json 添加如下代码

{
  "dependencies": {
	"com.coffee.ui-particle": "https://github.com/mob-sakai/ParticleEffectForUGUI.git"
  }
}

然后用Unity 打开项目，将自动开始导入并安装，如果弹窗提示失败，重启Unity再导入
我安装时使用公司网络(公司网路可以连接外网)基本上没问题，
使用家里网络大概率会失败，重复几次
打开Unity 无报错基本就是安装成功了

打开 Window-> package Manager
可以搜索到 UI Particle
在右侧 Sample
Demo
Cartoon Fx & War FX Deom
Performance Demo
分别点 Import 按钮，导入到项目
在这里插入图片描述
自动导入目录 Assets\Samples\UI Particle
打开 UIParticle_Demo 看效果

项目中如何使用？
创建一个 Image，然后在 Image 下方创建 UIParticle
如果需要用到遮罩，在 Image 上添加 Mask 组件
在这里插入图片描述
选中 Image 然后 鼠标右键 UI -> Particle System
在这里插入图片描述
创建出来
UIParticle
UIParticle\Particle System， Particle System 节点上添加了 Particle System 组件
UIParticle\UIParticleRenderer， UIParticleRenderer 节点上添加了 UIParticleRenderer 组件
在这里插入图片描述
将 带有 ParticleSystem 组件的 拖拽到 UIParticle 的 Rendering Order 位置，
Material 自动获取 ParticleSystem 组件上 Renderer 部分的材质球，如下
在这里插入图片描述
也可以在这里替换 Material，然后会自动将 ParticleSystem 组件上 Renderer 部分的材质球也替换掉
某些材质球不满足 UIParticle 的规则， Unity 自带的 UI 下的是满足的
Unlit/Color
Unlit/Texture 也可以用，具体哪些不行用的时候再研究下
在这里插入图片描述
UIParticleRenderer 组件 是必须的，如果没有 UIParticleRenderer 组件，例子 ParticleSystem特效是无法播放的
在这里插入图片描述
这个库提供了一个 UIParticleAttractor 脚本，Demo 中飞星星的特效是它实现的，原理就是获取到释放的每一个粒子，然后每帧根据时间计算粒子应该飞到的坐标，具体代码在 UIParticleAttractor.ca 中 internal void Attract() 函数实现
通过 UIParticleUpdater.Refresh 驱动

[奋斗不止]
关注
专栏目录
UI Particle System v1.31.unitypackage
05-08
UI粒子系统是Unity GUI中使用的3D粒子的高级解决方案。 使用此插件，您无需担心更改排序顺序，添加多个画布等问题。使用此插件，您只需几个简单的步骤即可将粒子添加到GUI。 UI粒子系统也是移动友好的，其非常有效的深度缓冲区使其性能非常便宜。
UGUI上显示特效插件ParticleEffectForUGUI
qilin598866753的博客
07-27 537
ui上显示特效常常涉及到层级的问题，常见处理办法是通过控制Canvas和特效Renderer的Sorting Layer以及Order in Layer来控制渲染顺序，这种实现的弊端是不好实现遮罩功能，需要手动把裁剪区域传递给自定义的Shader来实现裁剪，对于使用模板测试的Mask，由于Mask在子节点的UI元素渲染完后，会自动清除模板值，导致渲染特效时无法做模板测试；鉴于此，有大佬实现了一种用CanvasRenderer来渲染特效的方案，github传送门；
ParticleEffectForUGUI：在UnityUI（uGUI）中渲染粒子效果。 可屏蔽，可排序，并且没有多余的CameraRenderTextureCanvas
02-06
UGUI的粒子效果（UI粒子） :warning: 注意：不要使用来引用程序包。 它们将在不久的将来被删除。 :warning: 该插件提供了一个组件，可在Unity 2018.2或更高版本中为uGUI渲染粒子效果。 粒子渲染是可蒙版且可排序的，而没有Camera，RenderTexture或Canvas。 <<| | | >> 描述 该插件使用新的API MeshBake/MashTrailBake （Unity 2018.2添加）来通过CanvasRenderer渲染粒子。 您可以为uGUI遮罩和排序粒子，而无需使用Camera，RenderTexture，Canvas。 将此“烘焙网格”方法与
UIParticleRenderer.zip
08-05
使用此脚本挂载到粒子系统上，既可以让粒子特效显示在UI层级之上，建议先调整粒子效果到想要的效果之后再挂载此脚本
在UGUI上使用粒子并自适应
新手小白的博客
05-22 2037
这个虽然不难，但坑还是有的。。。首先在Canvas下建立一个Image，然后再添加一个用来渲染Canvas的相机，切记相机的投影模式为正交，让其Culling Mask只渲染UI层然后在Image组件上AddComponent-》Canvas，然后勾选override sorting，然后设置层级（多少随意，自己高兴就好），然后找到粒子，在UI上新建一个空物体，把粒子拖入空物体，并把他们的层级设置...
【Unity UGUI】粒子特效插件：Particle Effect For UGUI
Unity打怪升级
07-30 1309
在Unity游戏开发中，UI（用户界面）是玩家与游戏互动的重要部分。为了让UI更加吸引人，开发者们经常使用粒子效果来增加视觉效果。"Particle Effect For UGUI"是一个在Unity UI（uGUI）中渲染粒子效果的插件，具有可遮罩、可排序的特点，且无需额外的相机、渲染纹理或画布，使得在UI元素上创建动态粒子效果变得简单，创造出绚丽的粒子动画效果。
【推荐100个unity插件之12】UGUI的粒子效果（UI粒子）—— Particle Effect For UGUI (UI Particle)
向宇
11-14 5118
该插件使用新的 APIMeshBake/MashTrailBake（随 Unity 2018.2 添加）通过 CanvasRenderer 渲染粒子。您可以在没有 Camera、RenderTexture、Canvas 的情况下为 UGUI 屏蔽和排序粒子。使用自定义顶点流时，可以用“不必要的”数据填充 zw 组件。着色器提示Properties// ...SubShaderTags// ...Stencil// ...Pass// ...// ...struct v2f。
【Unity知识点详解】UI与Particle之间的排序
Backyard Garden Of Games
03-02 3914
文章当前使用的Unity版本为2018.3. 在UI开发中我们经常会用到一些Particle来增加游戏效果，这篇文章我们就来讨论一下UI与Particle之间的排序问题。主要讨论Particle穿插在两个UI之间的情况。 这里我们只讨论Canvas为Screen Space - Camera模式下的排序。 我们在Canvas上先创建两个Image，red和green，然后再创建一个Parti...
UI与Particle穿插混排
由纪的博客
03-07 664
多个Canvas 位置 添加RectTransform组件（而不是用默认的Transform组件），然后设置anchoredPosition或anchoredPosition3D为UI层上的位置（transform的坐标系和RectTransform的不同） 显示顺序 有时候会遇到想要将一些非UGUI元素如Particle、Sprite、3D模型等显示在两个UI之间，非Screen Space -...
Unity3d:UGUI，UI与特效粒子层级，2018.2以上版本BakeMesh，粒子在两个Image之间且在ScrollView
Have a nice day.
03-27 5483
ui上面展示粒子一般来说有两种方案 1.通过rendertexture渲染，可以完美处理层级问题，不过性能不好，多个摄像机 2.直接放到ui界面调整特效sort in layer，不过如果ui特效穿插多，层级不好管理，且多canvas造成合批问题 现在来第三种方法粒子BakeMesh（要2018.2以上版本） 来自Github：https://github.com/mob-sakai/ParticleEffectForUGUI 优点：可像UGUI一样通过上下调整层级排序，接受Mask处理 各方案比较 粒子
UIParticlesSystem.unitypackage
07-01
UI Particle System is advanced solution for 3D particles used in Unity GUI. Probably everyone who tried to add particles to GUI had problems with making the same type of particles going around buttons or culling inside scroll views, but with this plugin you will not need to worry about changing sorting orders, adding multiple canvases, etc. With it you can just add next particles to GUI in few quick steps.
UI Particle Image v1.2.2
最新发布
08-12
UI Particle Image，UGUI 粒子特效，Unity，当前最新版本
Unity UGUI ui上显示3D模型游戏物体
07-16
助力快速利用 UGUI 完成 3D 物体在 UI 界面的显示,UnityUi显示3D物体/模型，控制物体旋转，转动全教程-超简单,游戏开发过程中，我们时长会需要把 3D 游戏对象/模型显示在 UI 界面上 例如王者荣耀上的人物选择，可以...
Unity中UI和粒子特效之间的遮挡以及遮罩功能
02-20
本文将深入探讨UI与粒子特效之间的遮挡处理以及如何利用遮罩功能来优化这一过程。 首先，我们要理解UI和粒子特效的基本概念。UI是游戏中的图形用户界面，包括按钮、文本、图片等元素，用于与玩家进行交互。而粒子...
Unity UGUI处理粒子和UI的层级关系
09-02
本文将详细介绍如何处理Unity UGUI中的粒子和UI的层级关系，以及如何调整粒子的渲染深度来实现粒子与UI的嵌套。 首先，我们需要理解Unity中的层次结构（Layer Hierarchy）。在Unity中，每个游戏对象都有一个关联的...
【游戏开发实战】Unity粒子在UI界面中的裁切、蒙版、层级问题的解决（ScrollView裁切、Mask蒙版、UI粒子层级关系）
linxinfa的专栏
05-05 8686
文章目录一、前言 一、前言 点关注不迷路，持续输出Unity干货文章。 嗨，大家好，我是新发。 我们在游戏中，可能需要在UI界面中穿插显示粒子。 当我们在UI上挂粒子，效果是这样的： 这真是太糟糕了，我们希望粒子可以被ScrollView裁切，可以通过Mask组件通过Image蒙版来显示，可以按照UGUI的层级关系处理UI对象与粒子的渲染顺序。 ...
粒子排序插件 - Particle Effect For UGUI
Le_Sam的博客
11-03 1435
转载地址；https://github.com/mob-sakai/ParticleEffectForUGUI
Unity - 搬砖日志 - UI & ParticleSystem 绘制排序的相关设置
Jave.Lin 的学习笔记
07-02 2208
开始搬砖… 在平时开发 UI 中，肯定少不了 UI 与 ParticleSystem 的层级排序 今天有同学问题，如何在 UI 中 添加 ParticleSystem 可方便的处理他们之前的层级，那么现在我们就说说如何简单的使用 以上图为例，可以看到：Hierarchy 视图中， Canvas 节点下有 三个节点，分别是：Image, Particle System, Image (1) ，对应着 红色底板，粒子特效，蓝色底板 他们的绘制顺序是：先绘制 红色底板，再 是 粒子特效，再是 蓝色底板 控
Apache POI 库读取xlsx和xls
05-30
Apache POI 库可以用来读取 xlsx 和 xls 格式的 Excel 文件。对于 xls 文件，您可以使用 `HSSFWorkbook` 类来读取，而对于 xlsx 文件，您可以使用 `XSSFWorkbook` 类。 以下是读取 xls 文件的示例代码： ```java try (InputStream is = new FileInputStream("example.xls")) { HSSFWorkbook workbook = new HSSFWorkbook(is); HSSFSheet sheet = workbook.getSheetAt(0); for (Row row : sheet) { for (Cell cell : row) { // 处理单元格数据 } } } catch (IOException e) { e.printStackTrace(); } ``` 以下是读取 xlsx 文件的示例代码： ```java try (InputStream is = new FileInputStream("example.xlsx")) { XSSFWorkbook workbook = new XSSFWorkbook(is); XSSFSheet sheet = workbook.getSheetAt(0); for (Row row : sheet) { for (Cell cell : row) { // 处理单元格数据 } } } catch (IOException e) { e.printStackTrace(); } ``` 在这两个示例中，我们使用 `HSSFWorkbook` 或 `XSSFWorkbook` 类获取一个工作簿对象，并使用 `getSheetAt()` 方法获取第一个工作表。然后我们使用 for 循环遍历每一行和每个单元格，并处理它们的数据。 请注意，在使用 Apache POI 库读取 Excel 文件时，您需要确保 Excel 文件的格式正确，否则可能会抛出异常。此外，如果您的 Excel 文件非常大，您可能需要考虑使用流式读取或分段读取数据的技术，以避免内存不足或性能问题。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值