本文首发于微信公众号【小蚂蚁教你做游戏】,欢迎关注我们了解更多原创游戏开发教程。
嗨!大家好,我是小蚂蚁。
这是我之前做的一个非常漂亮的微信小游戏,大家可以改编一下然后做一个自己的小游戏送给自己想要的人。
我发现这篇文章每年至少可以发四次,情人节一次,妇女节一次,520一次,七夕节一次[阴险]。
今年我做了一些改进,增加了一段背景音乐,是经典钢琴曲《卡农》,希望大家喜欢。
忘了准备礼物,还是没什么新主意?那就来自己动手做吧!
该项目已开源,链接见文末。
今天是个美丽的日子,所以小蚂蚁决定教大家用微信小游戏制作器制作一个温馨又好看的《樱花飘落模拟器》小游戏,然后送给你爱的人。
我们先来看一下最终的渲染图。
看着樱花慢慢飘落,不知不觉间,下起了毛毛细雨。因为今天我所在的城市下起了毛毛细雨,所以我在这个小应用中添加了毛毛细雨功能。
接下来我们就来学习如何实现这样一个温馨的小程序吧。
首先准备一些材料:一个粉色的背景,两片樱花瓣,一个模拟雨滴的矩形,两句要展示的句子。
接下来我们要给樱花花瓣添加两个行为:翻转和旋转,来模拟花瓣飘落的感觉。
在“图层管理器”中选择“ -1”,然后在“图层属性”区域中选择“管理行为”。
在“管理行为”面板中打开“翻转”和“旋转”。
提示:你会看到很多已经准备好的、可以直接使用的各种行为。
开启该行为之后,会发生两个变化:
接下来,我们需要为樱花花瓣添加两个局部变量。
这两个变量用于记录花瓣落下的时候,X和Y方向的位移(后面详细解释)。
接下来我们看一下樱花飘落的逻辑块。
前半部分很简单,场景启动后,不断的产生花瓣,这里用到了随机块,增加随机性,每隔1~1.5秒会克隆一个花瓣,当花瓣飘出屏幕时,就删除它。

然后再看下半部分。
整体逻辑并不复杂,主要就是设置各种随机值,随机大小,随机透明度,随机移动位置,随机翻转旋转。因为影响樱花飘落的因素有很多,包括:重力,空气阻力,重力,风等等,可以说是一个完全随机的过程。我们无法完全模拟现实,只是加一些随机值让它看起来好看点而已。这里樱花飘落的整体方向是向右下方,因为樱花飘落一般都会伴有微风,所以这里我假装有一阵风从右边吹来。
这样飘落的樱花就完成了。大家可以尝试调整各个随机值,看看效果。
接下来我们看一下如何添加阵阵细雨。
雨并不是在你打开应用程序后立即下起来的。相反,雨会以随机的时间间隔下落,然后又以随机的时间间隔再次下落,就像一场不可预测的阵雨。
为了实现这个随机降雨函数,首先我们选择“雨滴”,并向其中添加一个名为“降雨计时器”的局部变量。这个变量用于确定下一次降雨的时间。
接下来,向“雨滴”添加以下逻辑。
这里我们通过比较“全局定时器”和局部变量“下雨定时器”(该变量被设置为随机值)来判断何时开始下雨,并且每次下雨后,都会重新随机设置下一次下雨的间隔时间。
注意这里有一个“全局计时器”块,它的主要作用是记录游戏时间。也就是说,当你打开游戏的那一刻,“全局计时器”就开始记录时间。
“全局计时器重置”块的功能是将“全局计时器”中记录的时间重置为零。
最后我们来看看雨的逻辑。
和落下的樱花类似,不过这里简单多了,不需要翻转或者旋转,雨滴只要垂直落下就行。
对于场景中显示的文字,只需要打开后隐藏,过2秒后再慢慢显示即可。
最后我们来看一下结果吧!
打开后,第一句话会慢慢显示出来。
过了一会儿,天上飘起了毛毛细雨,第二句话慢慢显露出来。
最后,我想送给大家这两句温暖的话。
看樱花静静飘落,别忘了生命的美丽。
生活中会有雨,但是雨总会过去。
---小蚂蚁
项目开源链接获取方式:关注小蚂蚁,私信“樱花飘落”即可获取项目开源链接。