【UE Niagara】在UI上生成粒子

2024-05-11 14:36
文章标签 ui 生成 ue 粒子 niagara

本文主要是介绍【UE Niagara】在UI上生成粒子,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

效果

步骤

1. 在虚幻商城中将“Niagara UI Render”插件安装到引擎

2. 打开虚幻编辑器,勾选插件“Niagara UI Renderer”,然后重启编辑器

3. 先创建一个控件蓝图,该控件蓝图只包含一个按钮

这里设置尺寸框尺寸为200*50

4. 显示该控件 

5. 新建一个Niagara系统

选择来自所选发射器的新系统

选择模板“Simple Sprite Burst”

这里命名为“NS_ButtonPressed”

打开“NS_ButtonPressed”。因为按钮是一个矩形,因此我们想让粒子在一个盒体范围内随机生成,这里可以添加一个“Shape Location”模块,设置“Shape Primitive”为“Box/Plane”

由于按钮大小为200*50,因此这里设置“Box Size”如下

设置粒子单次可生成1000个

在“Initialize Partic”模块中设置粒子的初始大小在4~6cm

此时效果如下:

6. 回到控件蓝图,将“Niagara System Widget”拖入画布面板

让其铺满整个画布(“Niagara System Widget”控件的大小其实无所谓,主要是它的中心点,我们要基于这个中心点的位置来产生粒子效果)

设置Niagara System为我们上面创建的“NS_ButtonPressed”,此时可以看到有一个报错警告,这是因为粒子使用的材质的材质域不正确

7. 回到“NS_ButtonPressed”中,可以看到粒子使用的材质是系统自带的材质

打开该材质可以看到该材质使用的材质域是表面

因此,这里我们可以自己创建一种粒子所使用的材质。

8. 这里命名材质为“M_P_Basic”,设置材质域为表面,混合模式为半透明,着色模型为无光照

在材质图表中添加如下节点

9. 在“NS_ButtonPressed”中,设置Sprite渲染器中的粒子材质为“M_P_Basic”

10. 回到控件蓝图中,点击“Populate Remap List”

这是会自动帮我们进行如下设置

11. 在内容浏览器中点击鼠标右键,然后选择“Create Niagara UI Material”

此时会自动创建一个新材质

12. 在控件蓝图中,设置新生成的材质

此时编译后可以看到粒子已经可以显示在控件上:

13. 接下来我们需要修改一下粒子的样式。打开“NS_ButtonPressed”,我们希望粒子能够由一点向外散开,因此可以添加一个“Add Velocity”模块,设置“Velocity Mode”为“From Point”,“Velocity Speed”为100

此时粒子效果如下

 

再添加一个卷曲噪声力

此时效果如下:

添加一个“Drag”模块

在“Initialize Particle”中设置生命周期时长范围和粒子初始颜色(注意这里的RGB三个值最好不要超过1,否则在控件上可能无法正确显示粒子的颜色)

此时粒子效果如下:

如果我们不希望粒子是一个球形,我们可以使用“Scale Sprite Size by Speed”模块对粒子进行拉伸

再设置速度对齐

此时效果如下

在控件蓝图中,我们点击编译后就可以正常显示粒子效果了

14. 如果我们希望在控件上粒子也有自发光效果,我们可以先复制一份材质,这里命名为“M_P_Glow_UI”

打开“M_P_Glow_UI”,添加如下节点

15. 在控件蓝图中替换映射后的材质为“M_P_Glow_UI”

接下来我们希望当编译时不激活粒子效果,只有按钮按下再激活粒子效果。可以先取消勾选“Auto Activate”

为了防止点不到按钮,我们需要设置NiagaraSystemWidget的可视性为非可命中测试

在按钮的点击事件中添加如下节点

最终效果如文章开头所示。

参考视频:

https://www.youtube.com/watch?v=1shJqOcEb0E

这篇关于【UE Niagara】在UI上生成粒子的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/979814

相关文章

IDEA自动生成注释模板的配置教程

《IDEA自动生成注释模板的配置教程》本文介绍了如何在IntelliJIDEA中配置类和方法的注释模板,包括自动生成项目名称、包名、日期和时间等内容,以及如何定制参数和返回值的注释格式,需要的朋友可以... 目录项目场景配置方法类注释模板定义类开头的注释步骤类注释效果方法注释模板定义方法开头的注释步骤方法注

Python如何自动生成环境依赖包requirements

《Python如何自动生成环境依赖包requirements》:本文主要介绍Python如何自动生成环境依赖包requirements问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑... 目录生成当前 python 环境 安装的所有依赖包1、命令2、常见问题只生成当前 项目 的所有依赖包1、

MySQL中动态生成SQL语句去掉所有字段的空格的操作方法

《MySQL中动态生成SQL语句去掉所有字段的空格的操作方法》在数据库管理过程中,我们常常会遇到需要对表中字段进行清洗和整理的情况,本文将详细介绍如何在MySQL中动态生成SQL语句来去掉所有字段的空... 目录在mysql中动态生成SQL语句去掉所有字段的空格准备工作原理分析动态生成SQL语句在MySQL

Java利用docx4j+Freemarker生成word文档

《Java利用docx4j+Freemarker生成word文档》这篇文章主要为大家详细介绍了Java如何利用docx4j+Freemarker生成word文档,文中的示例代码讲解详细,感兴趣的小伙伴... 目录技术方案maven依赖创建模板文件实现代码技术方案Java 1.8 + docx4j + Fr

Java编译生成多个.class文件的原理和作用

《Java编译生成多个.class文件的原理和作用》作为一名经验丰富的开发者,在Java项目中执行编译后,可能会发现一个.java源文件有时会产生多个.class文件,从技术实现层面详细剖析这一现象... 目录一、内部类机制与.class文件生成成员内部类(常规内部类)局部内部类(方法内部类)匿名内部类二、

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON(序列化)2.2 JSON 转对象(反序列化)3.

java中使用POI生成Excel并导出过程

《java中使用POI生成Excel并导出过程》:本文主要介绍java中使用POI生成Excel并导出过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录需求说明及实现方式需求完成通用代码版本1版本2结果展示type参数为atype参数为b总结注:本文章中代码均为

在java中如何将inputStream对象转换为File对象(不生成本地文件)

《在java中如何将inputStream对象转换为File对象(不生成本地文件)》:本文主要介绍在java中如何将inputStream对象转换为File对象(不生成本地文件),具有很好的参考价... 目录需求说明问题解决总结需求说明在后端中通过POI生成Excel文件流,将输出流(outputStre

C/C++随机数生成的五种方法

《C/C++随机数生成的五种方法》C++作为一种古老的编程语言,其随机数生成的方法已经经历了多次的变革,早期的C++版本使用的是rand()函数和RAND_MAX常量,这种方法虽然简单,但并不总是提供... 目录C/C++ 随机数生成方法1. 使用 rand() 和 srand()2. 使用 <random

Flask 验证码自动生成的实现示例

《Flask验证码自动生成的实现示例》本文主要介绍了Flask验证码自动生成的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习... 目录生成图片以及结果处理验证码蓝图html页面展示想必验证码大家都有所了解,但是可以自己定义图片验证码