如何在微信小游戏制作工具中做出好看的粒子效果?

简介: 如何在微信小游戏制作工具中做出好看的粒子效果?

嗨!大家好,我是小蚂蚁。

微信小游戏制作工具提供了简单的粒子插件,使用起来简单明了(如果你用过Unity的粒子组件就知道这个有多简单明了了),虽然功能相对简单,可设置的属性也有限,但是我们仍然能够用它在游戏中做出漂亮的效果。

比如说在彩虹星球大冒险中,所有的爆炸都是使用的粒子效果来实现的。

使用粒子产生的爆炸效果更真实,一个很重要的原因是因为粒子播放的时候有一定的随机性,每个粒子的大小,旋转,移动速度都可以在一定的范围内进行随机,这一系列的随机性最终组成的效果看上去会很不错。

接下来,我们就以一个具体的示例来展示一些粒子插件的具体用法和注意事项。

来到微信小游戏制作工具中,创建一个新项目,然后导入一个“粒子效果”插件。“粒子效果”位于素材库中的“插件”中。

导入“粒子效果”后,我们为其设置一个红色的正方形图片。

然后,点击预览看一下效果。

图中显示的是默认的没有经过任何设置的粒子效果。接着我们来设置一下这个粒子的属性。

如图,左侧是粒子插件的默认属性,右侧是我们调整的部分属性。再次预览一下,看看结果。

对照着之前的默认效果,我们来看一下这几个属性的作用。


粒子数量:我们把粒子的数量由 50 调整成了 20,可以看到每次播放的时候,生成的红色正方形变少了。所以粒子数量控制的是每次播放所生成的精灵的数量,如果你想做一个很密集的粒子效果,那你的粒子数量就应该设置的多一点儿,反之则少一点儿。


最小/大粒子尺寸:最小粒子尺寸由 12 调整到了 20,最大粒子尺寸由 24 调整到了 50,可以明显的看出调整后的粒子方块更大了。这个最大最小粒子尺寸设置的是一个区间,即生成的每一个精灵的大小都会在这个区间内随机一个值。


最小/大速度:最小速度由 0.3 调整到了 3,最大速度由 3 调整到了 6。对比一下明显的可以看出调整后的粒子扩散的范围更大了。这个最小最大速度设置的是精灵向外移动的速度,速度越快的精灵向外移动的距离越远,速度越慢的精灵向外移动的距离越近,这里的最小最大速度设置的也是一个随机的区间范围。

剩余的一些属性我们在这里就不赘述了,你可以完全从字面意思理解,另外一个更好的方法就是你亲自动手挨个的属性调整,然后运行看一下,这能够帮助你更好的理解。


彩虹星球大冒险中所有的粒子效果也只是调整了上面我们讲到的三个属性而已。


接着我们再制作另外一种粒子效果,即游戏中的 Boss 爆炸的那种均匀的圆形粒子效果。

如图,我们重点调整了这样的几个属性,“是否随机分布”这个属性关掉后,创建的粒子会以一种更平均的方式分布,然后“最小/大速度”调整成一样的值,“最小/大生命周期”调整成一样的值。

再次预览一下场景,看看这次的粒子效果。

一个均匀播放的粒子效果,你可能注意到了,这个圆的发射点并不在圆心,而是在偏上的位置,为什么会这样呢?

因为粒子是受重力影响的,粒子效果的最后一个属性是“重力大小”,默认值是 0.1,即每一个粒子方块都会受到一个向下的 0.1 的重力影响,这里我们把重力大小设置为 0,让粒子方块不再受重力影响。

再次预览一下。

这次的粒子发射点位于圆心,并且呈现均匀的发射状态了。


以上,是我们利用粒子的几个属性实现的不同的粒子效果,虽然插件提供的属性并不多,但是这些属性也足以帮助我们实现很多种类的粒子效果了。


接下来,我们来看一下“粒子效果”在游戏中的具体应用。


在调粒子效果的时候,我会把“自动循环播放”属性打开,这样预览场景的时候,粒子就会不停的播放,这样有助于查看调整的效果,但是在具体的游戏中,通常粒子效果不会是一直播放的,我们只是在需要的时候播放一次粒子效果,例如在敌人爆炸的时候。

我们实现一个这样的示例:创建三个不同颜色的粒子效果,手指在屏幕的任意位置点击时,在点击位置随机的播放一种颜色的粒子效果。


首先,来创建三个不同颜色的粒子。这里有一个小技巧,当你创建不同颜色的粒子时,只需要在层级管理区中,选中一个“粒子效果”,然后右键选择“复杂并粘贴”。


通过复制黏贴我们在场景中增加了 3 个粒子效果,注意在资源管理器中我们只导入了一个“粒子效果”插件。当游戏中需要多个粒子时,很多同学的做法都是在资源管理器中导入多个“粒子效果”插件,这样每导入一个插件,就会多一份资源的占用。其实不需要这样,只需要在层级管理中复制黏贴即可。


接着,我们为其它的几个粒子效果设置成不同颜色的图片。

我们都知道在小游戏制作工具中,如果场景中的多个精灵共用资源管理器中的一个精灵资源,那么对其中任何一个精灵做修改(修改积木或者属性),这些修改也会作用于其它的精灵上。但是粒子效果插件不是这样,你可以在场景中复制出多个粒子效果,这些粒子效果虽然都共用一个资源,但是每个粒子效果的属性可以独立进行设置,与场景中的其它粒子效果互不影响。


预览一下,现在游戏中有三个不同的粒子效果了。

最后,我们在来看一下在手指点击位置随机播放粒子效果的积木逻辑。

积木逻辑很简单,有一点需要注意的地方就是,设置粒子的位置必须使用粒子插件提供的“设置粒子圆点坐标”的积木。

最后,预览看一下最终的效果。

手指在屏幕上点击时,会在点击位置随机的播放一种颜色的粒子效果。


这节教程的内容就到这里了,希望它能够帮助你彻底的理解微信小游戏制作工具中的粒子效果插件的用法。虽然这个粒子插件提供的功能比较简单,但是已经足够我们在游戏中做出很多漂亮的效果了。

相关文章
|
1月前
|
Docker 容器
Star 1.8k! 推荐一款更优雅的微信文章订阅工具,让阅读更便捷!
Star 1.8k! 推荐一款更优雅的微信文章订阅工具,让阅读更便捷!
|
4月前
|
小程序 索引 容器
微信小游戏制作工具中的滚动列表插件如何使用?
微信小游戏制作工具中的滚动列表插件如何使用?
58 1
|
4月前
|
存储 缓存 Unix
微信小游戏制作工具中实现计时功能
微信小游戏制作工具中实现计时功能
107 0
|
4月前
|
小程序 开发者
关于UniApp启动到微信小程序工具提示找不到app.json
关于UniApp启动到微信小程序工具提示找不到app.json
|
1月前
|
小程序 开发工具 开发者
解决微信开发者工具不能使用云开发的资源
解决微信开发者工具不能使用云开发的资源
|
2月前
|
开发者
微信开发者工具真机调试连接状态在正常和未连接之间反复横跳
微信开发者工具真机调试连接状态在正常和未连接之间反复横跳
30 1
|
4月前
|
前端开发 开发者
【微信公众号对接】有关签名一直报错,提示invalid signature问题(我的签名和使用微信开发者工具验证返回的签名的是一致的)但还是报错!!!
【微信公众号对接】有关签名一直报错,提示invalid signature问题(我的签名和使用微信开发者工具验证返回的签名的是一致的)但还是报错!!!
51 0
|
4月前
微信小游戏制作工具中文字设置的粗体不显示,怎么解决?
微信小游戏制作工具中文字设置的粗体不显示,怎么解决?
37 1
|
4月前
什么是状态机?如何在微信小游戏制作工具中实现状态机
什么是状态机?如何在微信小游戏制作工具中实现状态机
50 0
|
4月前
|
开发者 索引
如何在微信小游戏制作工具中实现关卡翻页功能?
如何在微信小游戏制作工具中实现关卡翻页功能?
33 0

热门文章

最新文章