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

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

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

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

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

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

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

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

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

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

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

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

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


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


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


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

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


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


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

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

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

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

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

再次预览一下。

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


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


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


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

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


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


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


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

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


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

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

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

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

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


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

相关文章
|
1月前
|
安全 API 开发者
微信开发者工具里面没有企业微信模式
企业微信与普通微信在应用场景和开发体系上存在本质区别,主要体现在身份认证、功能丰富性和开放能力等方面。企业微信开发需使用特定的API和工具,本文介绍了企业微信开发的基本步骤、特点及开发进度安排,帮助开发者更好地理解和应用企业微信的开发环境。
|
2月前
|
数据可视化 前端开发 小程序
5G时代-探索微信小游戏
5G时代-探索微信小游戏
32 2
5G时代-探索微信小游戏
|
2月前
|
缓存 数据可视化 Serverless
微信小游戏 案例一 像素飞机
微信小游戏 案例一 像素飞机
21 2
|
2月前
|
移动开发 小程序 数据可视化
微信小程序可视化开发工具之动态数据
微信小程序可视化开发工具之动态数据
46 3
|
4月前
|
人工智能 小程序 Java
【工具】轻松解锁SQLite数据库,一窥微信聊天记录小秘密
本文介绍了一款名为PyWxDump的开源工具,它可以获取微信账户信息、解密SQLite数据库以查看和备份聊天记录。此工具适用于已登录电脑版微信的用户,通过GitHub下载后简单几步即可操作。适合对数据恢复感兴趣的开发者,但请注意合法合规使用并尊重隐私。
602 2
【工具】轻松解锁SQLite数据库,一窥微信聊天记录小秘密
|
4月前
|
小程序 开发者
微信开发者工具如何集成SVN、同时解决集成SVN无效果的问题
这篇文章介绍了如何在微信开发者工具中集成SVN版本控制系统,并提供了解决集成后无效果问题的方法。
微信开发者工具如何集成SVN、同时解决集成SVN无效果的问题
|
5月前
|
小程序 开发工具 开发者
入职必会-开发环境搭建31-微信开发者工具下载和安装
微信开发者工具是一款由微信官方推出的开发工具,旨在帮助开发者更高效地进行微信小程序和微信公众号的开发与调试。该工具集成了代码编辑、代码上传、实时预览、调试等功能,能够提供便捷的开发环境和调试工具,帮助开发者快速定位和解决问题。
|
5月前
|
JavaScript
支付系统---微信支付23-数据绑定和事件,使用Vue调试要添加扩展,F12与console平级就出现了Vue,在支付资料,微信支付,04资料,工具里
支付系统---微信支付23-数据绑定和事件,使用Vue调试要添加扩展,F12与console平级就出现了Vue,在支付资料,微信支付,04资料,工具里
支付系统---微信支付14----创建案例项目---介绍,第二步引入Swagger,接口文档和测试页面生成工具,定义统一结果的目的是让结果变得更加规范,以上就是谷粒项目的几个过程
支付系统---微信支付14----创建案例项目---介绍,第二步引入Swagger,接口文档和测试页面生成工具,定义统一结果的目的是让结果变得更加规范,以上就是谷粒项目的几个过程
|
5月前
|
安全 API 数据安全/隐私保护
支付系统05------微信支付,接入指引----获取密钥和证书,随机密码生成器的工具,
支付系统05------微信支付,接入指引----获取密钥和证书,随机密码生成器的工具,https://suijimimashengcheng.bmcx.com/随机密码生成器的工具
下一篇
DataWorks