Unity Visual Effect Graph 制作Fireworks烟花特效

简介: Unity Visual Effect Graph 制作Fireworks烟花特效

效果图:

image.gif

首先创建一个Visual Effect Graph,命名为Fireworks,以下是默认内容:

image.gif

在粒子初始化中,我们设置烟花的生成位置,让烟花沿着X轴在[-50, 50]取值范围内随机生成粒子,使用Position(Line)节点:

image.gif

在Scene窗口可以看到粒子已经沿着x轴生成:

image.gif

将粒子的生命周期设为[1, 1.5]内随机,并给粒子设置一个向上发射的速度,将Set Velocity Random节点中的y值取值范围改为[15, 25]

image.gif

返回Scene窗口观察我们的粒子,已经向上发射,但是其速度并没有受到重力影响而减速,因此,在Update Particle中添加一个Gravity重力节点,将力(Force)的y值设为-10:

image.gif


image.gif

将Output Particle Quad中的Main Texture设为默认的粒子贴图,并将Set Size over Life节点删除,在生命周期中并不改变它的大小,因此我们使用Set Size为其设置固定的大小0.05,Color颜色值同样,使用Set Color设为固定的颜色,并适当增加Intensity使其发光:

image.gif


image.gif

以上是烟花发射的部分,在发射的过程中,还需要增加一些痕迹,在Update Particle中增加一个Trigger Event Always GPU事件,Count设为2或适当值:

image.gif

如果搜索不到该Trigger节点,需要到Edit / Preferences / Visual Effects中将Experimental Operators / Blocks选项设为true:

image.gif

痕迹部分初始化粒子,首先需要继承发射的位置,添加Inherit Source Position节点。将生命周期设为0.3或适当值,并为其添加速度,通过Add Velocity from Direction & Speed(Random Direction)节点,最终将Capacity容量设为1000或适当值: image.gif

在Output Particle Quad中添加Set Scale节点,将其y值改为5或适当值,将其适当拉伸,添加Set Color over Life节点,设置适当颜色,并让其透明度在生命周期内从255逐渐到0:

image.gif

以上发射及痕迹部分已经完成,回到Scene窗口查看效果:

image.gif

接下来增加爆炸的部分,爆炸需要在发射完成后执行,所以我们通过Trigger Event On Die类型GPU事件添加,Count数量设为100或适当值:

image.gif

在爆炸部分的粒子初始化中,同样需要先继承源位置,其生命周期通过Set Life Random设为[1.5, 2]内随机,同样添加Add Velocity from Diection & Speed(Random Direction)节点,Mode模式改为Random,将其最小、最大值设为10、15或其它适当值,最终将Capacity容量设为1000:

image.gif

在爆炸过程中,粒子需要受到重力及空气阻力的影响,因此在Update Particle中添加Gravity重力节点,将其y值设为-1,添加Linear Drag阻力节点,将其值设为2或适当值:

image.gif

最终在Output Particle Quad中通过Set Size Random节点设置其大小在[0.3, 0.35]取值范围内,并通过Set Color over Life节点为其设置颜色:

image.gif编辑回到Scene窗口查看效果:

image.gif

为了在爆炸的瞬间添加一个闪光的效果,可以在HDR Gradient Editor中Location0%处,及最左侧,添加一个白色,适当增加Intensity值,我们可以先给一个夸张的值看一下效果,后续可以适当调整其值:

image.gif


image.gif

最后给爆炸的粒子也增加一些效果,将发射痕迹的部分复制粘贴,为爆炸部分增加GPU事件,将Output Particle Quad中的Set Scale节点删除,替换为Set Size节点:

image.gif

最终Graph节点如下:

image.gif


image.gif

目录
相关文章
|
2月前
|
图形学 数据可视化 开发者
超实用Unity Shader Graph教程:从零开始打造令人惊叹的游戏视觉特效,让你的作品瞬间高大上,附带示例代码与详细步骤解析!
【8月更文挑战第31天】Unity Shader Graph 是 Unity 引擎中的强大工具,通过可视化编程帮助开发者轻松创建复杂且炫酷的视觉效果。本文将指导你使用 Shader Graph 实现三种效果:彩虹色渐变着色器、动态光效和水波纹效果。首先确保安装最新版 Unity 并启用 Shader Graph。创建新材质和着色器图谱后,利用节点库中的预定义节点,在编辑区连接节点定义着色器行为。
96 0
|
2月前
|
数据可视化 图形学
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
|
4月前
|
编解码 前端开发 Java
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
214 0
|
4月前
|
图形学
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
【实现100个unity特效之2】使用shader和shader Graph实现2d图片描边效果(附源码)
149 0
|
4月前
|
图形学 开发者
【实现100个unity特效之1】使用Shader Graph实现动物森友会的世界弯曲效果(带源码)
【实现100个unity特效之1】使用Shader Graph实现动物森友会的世界弯曲效果(带源码)
81 0
|
图形学
Unity Shader Graph 制作 Fade 淡入淡出效果
Unity Shader Graph 制作 Fade 淡入淡出效果
615 1
Unity Shader Graph 制作 Fade 淡入淡出效果
|
图形学
Unity Shader Graph 制作车流效果(UV滚动)
Unity Shader Graph 制作车流效果(UV滚动)
750 0
Unity Shader Graph 制作车流效果(UV滚动)
|
机器人 图形学
Unity Shader Graph 制作Emission发光效果
Unity Shader Graph 制作Emission发光效果
606 0
Unity Shader Graph 制作Emission发光效果
|
机器人 C# 图形学
Unity Shader Graph 制作Dissolve溶解效果
Unity Shader Graph 制作Dissolve溶解效果
252 0
Unity Shader Graph 制作Dissolve溶解效果
|
图形学
Unity Shader Graph - Colored Ghost
Unity Shader Graph - Colored Ghost
138 0
Unity Shader Graph - Colored Ghost