女神节你也能自己动手制作一个漂亮的微信小游戏

简介: 嗨!大家好,我是小蚂蚁。这是我之前制作的一个非常漂亮的微信小游戏,你可以给予它进行改编,然后自己制作一个小游戏送给你想送的人。我发现这篇文章每年至少可以发四次,情人节一次,女神节一次,520一次,七夕一次[阴险]。今年的我做了点儿改进,增加了一首背景音乐,是经典的《卡农》钢琴曲,希望你喜欢。

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


这是我之前制作的一个非常漂亮的微信小游戏,你可以给予它进行改编,然后自己制作一个小游戏送给你想送的人。


我发现这篇文章每年至少可以发四次,情人节一次,女神节一次,520一次,七夕一次[阴险]。


今年的我做了点儿改进,增加了一首背景音乐,是经典的《卡农》钢琴曲,希望你喜欢。


忘了准备礼物,或者总是没什么新意?那就快来自己动手试试吧!


项目工程已经开源,文末有获取链接的方式。


今天是一个美好的日子,所以小蚂蚁决定教大家用微信小游戏制作工具做一个温暖而美好的“樱花飘落模拟器”小游戏,然后把它送给所爱的人。


先看一下最终的效果图。

image.png

看着樱花缓缓的飘落,然后不觉间竟下起了绵绵的细雨。因为今天我所在的城市正下着小雨,所以就在这个小应用中增加了阵阵的细雨功能。


下面我们就学习一下如何实现一个这样温暖的小程序。


首先准备一下素材。一个粉色的背景,两个樱花花瓣,一个模拟雨滴的长方形,以及两句要显示的话。



接下来我们会为樱花花瓣增加两个行为:翻转旋转。用于模拟花瓣飘落的感觉。


在“层级管理”中选择“樱花花瓣-1”,然后在“图层属性”区域中选择“管理行为”。



在“管理行为”面板中开启“翻转”和“旋转”。


小提示:你会看到这里有很多已经做好的各种各样行为,都可以直接拿过来用。

开启行为后,会出现两处变化:


  • 在积木区域的”行为“模块下出现了新增的行为积木。可以看到新增了控制“翻转”的积木和控制“旋转”的积木。

  • 在图形属性区中的“管理行为”按钮下新增许多了“翻转”和“旋转”的各种控制参数。



接着,我们还需要为樱花花瓣增加两个局部变量。



这两个变量是用于记录花瓣飘落时在X和Y方向上的偏移(后续后详细解释)。


下面,我们看一下樱花飘落的逻辑积木。



上半部分很简单,场景启动后就开始不断的创建花瓣,这里使用了一块随机的积木来增加随机性,每1~1.5的时间,克隆一个花瓣。当花瓣飘出屏幕以后,我们就应该将其删除。


接着看下半部分。



整体逻辑并不复杂,主要是设置了各种随机的数值,随机的大小,随机的透明度,随机的移动位置,随机的翻转和旋转。因为影响樱花如何飘落的因素有很多,包括:重力,空气阻力,重力,风等等,可以说是一个完全随机的过程。我们无法完全进行真实的模拟,只是增加了一些随机的数值让它看上去还不错而已。这里整体上樱花的飘落方向都是向右下方的,因为樱花飘落通常都会伴随着微风,这里我就假装有一阵向右吹的风了。


这样,樱花的飘落就完成了。你可以试着调整其中的各种随机数值,然后看看效果如何。


接下来,我们就看一下如何增加阵阵的细雨 。


雨水并不是一打开应用就开始下,而是会随机的间隔一段时间,下一阵,然后再随机的间隔一段时间再下一阵,很像是让人琢磨不透的阵雨。


要实现这种随机的阵雨功能,首先,我们先选中“雨滴”,为它增加一个“下雨计时器”的局部变量,这个变量用于判断下一场雨何时会来。


接着,为“雨滴”增加如下的逻辑。


这里,我们通过比较“全局计时器”和被设置随机数值的局部变量“下雨计时器”,来判断何时开始下雨。而且每次下雨后,又会重新随机设置下一场雨的间隔时间。

注意这里有一个“全局计时器”的积木块,主要作用在于记录游戏的时间,即当你打开游戏的那一刻,“全局计时器”就开始记录时间。“全局计时器归零”这块积木的作用就是把“全局计时器”中记录的时间重置清零。


最后,看一下下雨的逻辑。



与樱花飘落类似,不过这里要简单的多,不需要翻转和旋转,雨滴只需要垂直下落即可。


对于场景中显示的文字,只需要在打开后先将其隐藏,然后2秒钟过后,再慢慢的显示出来即可。



最后,看一下效果吧!

image.png

打开后,慢慢的显示第一句话。

image.png

间隔一段时间后,下起小雨,慢慢的显示第二句话。

最后,也将这两句温暖的话送给你。


静看那樱花飘落,莫忘了生活的美。

生活中难免有雨,但雨水总会过去。

---小蚂蚁

项目开源链接获取方式:在小蚂蚁的公众号中,回复“樱花飘落”,既可以获取开源链接,注意是在公众号中回复,不是在这篇文章下方回复哟!

我是会做游戏也会教你做游戏的小蚂蚁,想学习做游戏的话,关注我的公众号就对啦!

相关文章
|
10月前
|
小程序 索引 容器
微信小游戏制作工具中的滚动列表插件如何使用?
微信小游戏制作工具中的滚动列表插件如何使用?
207 1
|
5月前
|
数据可视化 前端开发 小程序
5G时代-探索微信小游戏
5G时代-探索微信小游戏
58 2
5G时代-探索微信小游戏
|
5月前
|
缓存 数据可视化 Serverless
微信小游戏 案例一 像素飞机
微信小游戏 案例一 像素飞机
45 2
|
9月前
|
存储 JSON 测试技术
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
73 0
|
9月前
|
容器
【cocos 2d微信小游戏开发教程】基础使用笔记分享(二)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(二)
153 0
|
9月前
|
API 开发者
【cocos 2d微信小游戏开发教程】基础使用笔记分享(一)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(一)
231 0
|
9月前
微信小游戏全局开启好友和朋友圈分享功能
微信小游戏全局开启好友和朋友圈分享功能
86 0
|
10月前
微信小游戏制作工具中文字设置的粗体不显示,怎么解决?
微信小游戏制作工具中文字设置的粗体不显示,怎么解决?
257 1
|
10月前
|
开发者
作为微信小游戏开发者,这份白皮书不看可太吃亏了!
作为微信小游戏开发者,这份白皮书不看可太吃亏了!
255 1
|
10月前
|
开发工具 图形学 计算机视觉
微信小游戏制作工具跟其它游戏引擎有什么区别?该怎么选?
微信小游戏制作工具跟其它游戏引擎有什么区别?该怎么选?
300 0

热门文章

最新文章