如何做出好看的粒子效果

简介: 嗨!大家好,我是小蚂蚁。微信小游戏制作工具提供了简单的粒子插件,使用起来简单明了(如果你用过Unity的粒子组件就知道这个有多简单明了了),虽然功能相对简单,可设置的属性也有限,但是我们仍然能够用它在游戏中做出漂亮的效果。比如说在彩虹星球大冒险中,所有的爆炸都是使用的粒子效果来实现的。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

再次预览一下。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

这里是我的游戏开发课程服务,不只是一门课,而是围绕着新手学习做游戏有关的一整套服务。致力于帮助更多的人学会做游戏并做出自己的游戏,欢迎来跟一百多位位同学一起学习做游戏。【点击这里】了解课程服务详情。长按识别下方图片中的二维码,即可前往我的小商店购买。

这里是小蚂蚁的小游戏系列,闲暇之余希望能给你带来片刻的放松和愉悦。无需下载安装,点击下方的游戏卡片就可以直接玩啦!









也欢迎加个微信,交个朋友,朋友圈每日分享与做游戏有关的知识和内容,可以来围观。备注“学习做游戏”可免费领取学习做游戏的原创教程资料。接受付费咨询,不闲聊,望见谅。

相关文章
|
6月前
自适应可爱卡通小人404页面模板
自适应可爱卡通小人404页面模板
70 12
自适应可爱卡通小人404页面模板
|
14天前
好看的粒子特效代码
好看的粒子特效代码,鼠标可以拖住旋转或者放大,喜欢的话可以拿去使用
26 2
|
3月前
404错误页面简约清新源码 非常好看
404错误页面简约清新源码 非常好看,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
22 0
404错误页面简约清新源码 非常好看
|
4月前
动态颤抖的眼睛效果404页面源码
动态颤抖的眼睛效果404页面源码, 源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
30 1
动态颤抖的眼睛效果404页面源码
|
5月前
鬼刀画风扁平化粒子炫动引导页美化源码
鬼刀画风扁平化粒子炫动引导页美化源码
42 5
鬼刀画风扁平化粒子炫动引导页美化源码
|
6月前
|
图形学
如何在微信小游戏制作工具中做出好看的粒子效果?
如何在微信小游戏制作工具中做出好看的粒子效果?
106 1
|
11月前
|
算法 图形学
Unity小游戏——武士击杀小怪兽(无限滚动的背景)
Unity小游戏——武士击杀小怪兽(无限滚动的背景)
|
11月前
|
机器学习/深度学习 算法 图形学
Unity小游戏——无限滚动的背景的改良
Unity小游戏——无限滚动的背景的改良
105 0
|
6月前
|
开发者
不会美术也能做出好看的游戏
不会美术也能做出好看的游戏
55 0
|
开发者
不会美术如何做出好看的游戏
我不会美术怎么做游戏嘞?这也是一个经常有人问的问题,尤其是对于很多的技术而言,想要自己做个游戏,却苦于自己搞不定美术,上网找素材,东拼西凑看起来缺乏整体性,找人画的话价格昂贵,找美术合作的话,又不太容易找的到合适的。 那对于不会美术的人来讲,是不是就做不出游戏了?或者说就做不出好看的游戏了?当然不是。
137 0