UE4: Niagara系统实现雨天效果,并跟随人物移动

创建雨丝Niagara系统

1.创建一个Niagara系统
在这里插入图片描述
在这里插入图片描述
选择Fountain选项,点一下加号,再点完成:
在这里插入图片描述
命名一下打开:
在这里插入图片描述
先从粒子生成的方向入手,在Niagara的界面中删掉“Add Velocity in Cone”,并添加“Add Velocity”,这样预览效果中的粒子就从椎体向上喷发,变成向下发射。
在这里插入图片描述
在这里插入图片描述
删掉之后:
在这里插入图片描述
在这里插入图片描述
然后将sphere location也删除,因为这里要控制我们生成粒子的范围,会添加一个box location,使粒子生成的范围变成一个方形的:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后先设置一个大概的范围,作为生成范围:
在这里插入图片描述
在这里插入图片描述
效果是范围变大,感觉有雪花的感觉,但是我们做的不是雪花,所以还得再改改。这里为了测试在场景中的效果,我们直接把粒子效果拖放到场景里。

注意,这里我们打算在后面做蓝图的时候,让这个粒子特效跟随摄像机移动,制造一种整个场景都在下雨的错觉,但其实只有摄像机,或者说我们能看见的周围一块区域在下雨。

其实也可以将生成区域的覆盖范围设置地很大,但是这很耗费性能,所以我们利用这种小trick,在达到目的地同时也能节省性能。

所以这里我们把粒子效果放在摄像机或者说人物周围,效果如下:
在这里插入图片描述
可以看到雪花飘飘的感觉了,好,下面再接着改一改,回到粒子制作界面,添加add velocity:
在这里插入图片描述
给y,z两个方向的速度分别添加一个值:
在这里插入图片描述
已经是撒盐空中的效果了,就是这盐粒子有点大且稀少哈:
在这里插入图片描述
于是增加粒子的生成数量,选择spawn rate:
在这里插入图片描述
暂时先随便取个值,不行后面可以接着调:
在这里插入图片描述
明显对比起来,数量变多了:
在这里插入图片描述
接下来选择初始化粒子——sprite attributes:
在这里插入图片描述
将模式改成非统一,然后更改粒子的size:
在这里插入图片描述
在这里插入图片描述
效果如下,有种下钢针的感觉:
在这里插入图片描述
所以要调整一下,让这个生成的粒子跟速度方向一致,选择精灵渲染器,将对齐选项设置为和速度对齐:
在这里插入图片描述
在这里插入图片描述
效果如下,有点下雨那个意思了:
在这里插入图片描述
好了,接下来我们要做雨丝打在地面上后,在地面打击出的涟漪效果,为此,我们需要先重命名一下这个粒子发射器,为了和后面的涟漪区分:
在这里插入图片描述
在空白的地方,右键,添加发射器,选择hanging particulates:
在这里插入图片描述
如果没看到这个选项的话,选择右下角的试图选项(view option),然后勾上下图两个选项:
在这里插入图片描述
添加之后:
在这里插入图片描述
我们是对雨丝做碰撞处理,所以在雨丝的粒子生成器添加一个碰撞事件:
在这里插入图片描述
添加后会报错,修复一下:
在这里插入图片描述
在这里插入图片描述
回到场景后可以看到,粒子和地面发生碰撞后又反弹的画面:
在这里插入图片描述
但是我们不需要这些粒子这样反弹,所以在发射器处再添加一个kill particles:
在这里插入图片描述
添加后选择kill particles右边的下三角,展开,搜索HasCollided:
在这里插入图片描述
然后就可以发现刚刚场景的雨丝反弹的效果没了:
在这里插入图片描述
点击事件处理器右边的加号,就会出现事件处理属性:
在这里插入图片描述
在右边的属性面板将执行模式更改为生成粒子:
在这里插入图片描述
接下来再添加一个生成碰撞事件:
在这里插入图片描述
添加之后他会报错,显示需要每个粒子的id,所以我们需要勾上发射器属性的需要持久id的选项:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

这个生成碰撞事件应该放到粒子更新模块下,所以我们需要拖动它,并且应该放到kill particles之前:

原来的:
在这里插入图片描述
拖动后:
在这里插入图片描述
到这步为止,我们只要粒子与物体接触,发生了碰撞,就会调用这个碰撞事件。

然后我们开始捣鼓我们之前创建好的那个hanging particulates了,这个是我们的涟漪,所以我们也为这个涟漪添加一个事件处理器:
在这里插入图片描述
选择事件处理属性,看右边的属性面板,点击源选项,选择我们刚刚创建好的雨丝的碰撞事件:
在这里插入图片描述
执行模式照旧选择生成粒子:
在这里插入图片描述
生成数量设为1,一个雨丝一个涟漪足够了:
在这里插入图片描述
并且需要添加接收碰撞事件,有生成有接收,这才算一个完整的过程:
在这里插入图片描述
可以看到地面一大堆泡沫粒儿:

改一改,涟漪不需要速度和力,也不需要生成范围,它只会生成在雨丝发生碰撞的地方。把相关选项禁用掉:
在这里插入图片描述
看起来跟刚刚差不多,地面还是一堆的泡沫粒子,这些粒子都是碰撞生成后,没有销毁的:
在这里插入图片描述
为此,我们需要给这些粒子一个生命周期,规定在什么时间内销毁:
在这里插入图片描述
在这里插入图片描述

效果:
在这里插入图片描述
但是这些地面上的粒子拉近细看的时候会发现它是高了地面一截的,为了解决这个问题需要更改一下碰撞粒子的半径:
在这里插入图片描述
在这里插入图片描述
效果会比不调的时候好:
在这里插入图片描述
但是我们现在看到的还都是圆形粒子,为了做出涟漪或者说飞溅的效果,就需要为这个粒子效果附加上一个贴图纹理。

这个纹理就随便上网找个就行,这里贴一下我的:
在这里插入图片描述
拖进ue4里:
在这里插入图片描述
我们要将这个纹理挂载到涟漪效果上,顺便改个名字,改为splash:
在这里插入图片描述
选择精灵渲染器,在右侧属性面板中选择放大镜:
在这里插入图片描述
回到主场景面板,将材质复制到我们自己的文件夹中,并改一下名字:
在这里插入图片描述
在这里插入图片描述
然后打开这个材质,将我们的splash纹理拖到这个材质编辑面板中:
在这里插入图片描述
找到与不透明度连接的multiply,从它右边的引脚拉出一条线搜索multiply,然后将我们纹理的a通道(透明度通道)与multiply的B连接,然后将mutiply右边的引脚与不透明度相连:
在这里插入图片描述
左边的效果图就会从单纯的白色球体,变成我们纹理的样子:
在这里插入图片描述
在这里插入图片描述
回到niagara面板,将splash的材质设置为我们创建好的这个飞溅材质:
在这里插入图片描述
效果如下,可以看到我们的飞溅效果,但是实在太小了,需要调一下size:
在这里插入图片描述
将size mode设置为Random uniform,然后调整大小,这样所有的飞溅效果就有大小不一样的效果。紧接着设置rotation mode,设置为unset;UV Mode设置为custom,这样飞溅效果才会是我们我想要的效果,而不是各个朝向都有:

Size Mode:
在这里插入图片描述
Rotation Mode:
在这里插入图片描述
UV Mode:
在这里插入图片描述
场景效果如下,啊,这个飞溅效果如果感觉大小不合适可以自己调节一下。

还有一点需要注意的是这个碰撞事件是发生在雨丝粒子与物体的碰撞体发生碰撞效果的,如果物体的碰撞体网格不能完美包裹物体的话会出现很奇怪的现象,雨丝只会在碰撞体上打出飞溅效果,比如下面这个人物他的碰撞体是胶囊体,没有完美包裹模型:
在这里插入图片描述

雨丝跟随人物移动

下面来制作雨丝跟随人物移动的蓝图。
首先制作发射器相对于人物的方向:
在这里插入图片描述

接着在关卡蓝图中获取发射器actor的方位,也就是transform,这里他们保持不变。
在这里插入图片描述
获取速度并与Delta Seconds相乘,以保证在不同帧数条件下保持一样的速率,这里speed要自己创建,设置为float类型然后拖到场景中,选择获取speed,然后点击场景中的speed,设为1000:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

添加设置actor变化节点,并拆分引脚:
在这里插入图片描述

然后一顿操作,最终蓝图:
在这里插入图片描述
最后场景效果:
在这里插入图片描述

天空雷电效果

阴天天空

接下来就是制作阴天天空,并制作出闪电的效果。选择大纲中的天空球,然后在右边的细节处将Color Determined by sun position取消勾选,为了让天空球的大气不会受到太阳光的位置影响:
在这里插入图片描述
然后更改zenith color(天顶颜色)和overall color(整体颜色):
在这里插入图片描述
zenith color:
在这里插入图片描述
overall color:
在这里插入图片描述
对天空中的云进行编辑,这里更改了cloud opacity(云透明度)和cloud color(云颜色):
在这里插入图片描述

将大纲中的light source(光源)和是sky light(天光)都更改为movitable(可移动),然后将light source的强度改为1。前者的更改为了在后面我能移动光源观察场景中的光线变化,后者则是调低了光源强度,让场景更加暗淡。

根据自己的喜好自行更改以上参数,下图是我自己再调了下参数得到的效果:
在这里插入图片描述

闪电效果

接下来就是制作闪电效果了,当然这里只是处理视觉效果,如果大家有音效需要的话也可以自行上网搜索音效资源挂载到场景中,这里就不多说了。

先上网找一下雷电贴图,这里放一下我找到的吧,当然这里还需要后期ps一下,这里就不说了,就是把背景变为黑色,后面再虚幻里好获取它的透明度通道,扣的有点粗糙,将就用吧:
在这里插入图片描述

然后拖拽一个平面(plane)到场景中:
在这里插入图片描述

按e,将这个平面绕y轴旋转90度,然后放大这个平面,将我们的雷电贴图拖拽到这个平面上,再调整一下位置。虚幻会自动创建这个雷电贴图的材质,点进这个材质的编辑界面::
在这里插入图片描述

将预览的形状改为平面,方便我们观察效果。将混合模式更改为半透明,着色模型改为无光照。在右边将自发光颜色和不透明度两项与贴图的RGB和R通道相连,就可以得到没有背景的闪电贴图:
在这里插入图片描述
为了更好地观察,直接把场景中的遮挡物墙给移除掉:
在这里插入图片描述
除了静态的贴图效果,我们还想要动态的闪电照明效果,这个是由材质的自发光项负责的,所以处理一下材质:
在这里插入图片描述
要是想要让闪电从上而下地出现,我们还需要制作一个蒙版,同样的,这里直接给出:
在这里插入图片描述
将这个资源导进虚幻后,设置一下这个贴图的参数,将x、y轴平铺法都改为限制,为了不让这个遮罩一直重复:
在这里插入图片描述
然后将这个遮罩拖进我们的闪电的材质编辑器中,更改一下蓝图,我们要控制这个遮罩的纹理坐标,来实现闪电的渐隐渐显的效果:
在这里插入图片描述
更改y参数后可以看到效果:
在这里插入图片描述
在这里插入图片描述
材质到这一步算是做好了,为了动态显示雷电,我们还需要为这个效果做一个蓝图,蓝图类型设置为Actor:
在这里插入图片描述
进入蓝图后,先添加一个平面组件,这个平面的大小要与我们场景中设置的雷电平面大小一致,并且材质要设置为我们刚刚做好的闪电材质:
在这里插入图片描述
在这里插入图片描述
回到主场景,直接把蓝图拖到场景中,并且调整一下位置,如果雷电效果不太明显,可以回到材质面板,调大emission的值:
在这里插入图片描述
之前在主场景中的plane也可以删掉了,请注意不要删除了,一个是蓝图,一个是plane,我们现在要更改的是蓝图。也就是上图右边的闪电。

然后更改一下相关位置:
在这里插入图片描述
这个复制的rotation的值,回到蓝图界面,将他复制到相应的rotation上:
在这里插入图片描述

回到场景,如果这个蓝图位置不是朝向我们的话,就点一下位置后边的小箭头:
在这里插入图片描述

再选择上一级,可以拖动这个蓝图了,放到合适的位置上:
在这里插入图片描述
回到蓝图界面,创建一个自定义事件,并且拖动plane到我们的蓝图中:
在这里插入图片描述
为了控制我们遮罩的y轴,需要将这个参数传进来:
材质中:
在这里插入图片描述

蓝图中:
在这里插入图片描述
为strike添加一个时间轴:
在这里插入图片描述
双击进入这个时间轴,并且点击左上方f+,命名为Y,然后在轴上右键添加关键帧:
在这里插入图片描述
这里我们添加三个关键帧:
一个时间为0,值为1;
另一个时间为0.3,值为-1;
最后一个时间为1.0,值为1.
将三个关键帧都设为自动,这样他们就会有比较平滑的过渡:
在这里插入图片描述
回到蓝图,连连看:
在这里插入图片描述
在这里插入图片描述

相同的道理,顺便控制一下自发光的数值:
在这里插入图片描述
完整蓝图:
在这里插入图片描述

最后总结一下,目前为止就差不多做了闪电效果,但是让闪电动态地出现在随机位置,并且闪电出现的瞬间要让场景的亮度也跟着变化还没做,这个等后续有时间再完善吧。

猜你喜欢

转载自blog.csdn.net/weixin_43789369/article/details/130263512