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

这篇具有很好参考价值的文章主要介绍了UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及层级遮挡和 Mask。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

UIParticle git 地址

打开上面地址，关于UIParticle 如何使用讲解非常详细
如何安装到Unity 项目？找到 Installation 部分，几种安装方式
UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及层级遮挡和 Mask
下面是 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 按钮，导入到项目
UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及层级遮挡和 Mask
自动导入目录 Assets\Samples\UI Particle
打开 UIParticle_Demo 看效果

项目中如何使用？
创建一个 Image，然后在 Image 下方创建 UIParticle
如果需要用到遮罩，在 Image 上添加 Mask 组件
UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及层级遮挡和 Mask
选中 Image 然后鼠标右键 UI -> Particle System

创建出来
UIParticle
UIParticle\Particle System， Particle System 节点上添加了 Particle System 组件
UIParticle\UIParticleRenderer， UIParticleRenderer 节点上添加了 UIParticleRenderer 组件
UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及层级遮挡和 Mask
将带有 ParticleSystem 组件的拖拽到 UIParticle 的 Rendering Order 位置，
Material 自动获取 ParticleSystem 组件上 Renderer 部分的材质球，如下

也可以在这里替换 Material，然后会自动将 ParticleSystem 组件上 Renderer 部分的材质球也替换掉
某些材质球不满足 UIParticle 的规则， Unity 自带的 UI 下的是满足的
Unlit/Color
Unlit/Texture 也可以用，具体哪些不行用的时候再研究下
UGUI 使用 UIParticle 实现 UI 上显示 Particle System 以及层级遮挡和 Mask
UIParticleRenderer 组件是必须的，如果没有 UIParticleRenderer 组件，例子 ParticleSystem特效是无法播放的

这个库提供了一个 UIParticleAttractor 脚本，Demo 中飞星星的特效是它实现的，原理就是获取到释放的每一个粒子，然后每帧根据时间计算粒子应该飞到的坐标，具体代码在 UIParticleAttractor.ca 中 internal void Attract() 函数实现
通过 UIParticleUpdater.Refresh 驱动文章来源地址https://www.toymoban.com/news/detail-467038.html