本文将使用微信小游戏制作工具制作一款经典的小游戏——飞机大战。游戏的编程平台官网如下:微信小游戏制作工具
该平台是一款积木式的可视化编程平台,对新手极其友好,即使是不懂编程的小白经过官网的quick guide也能快速上手,制作自己喜欢的小游戏。 小游戏制作平台中的“小”决定了其制作的游戏体量,但除了这一点外,功能还是十分强大:
可视化编程:游戏制作所见即所得,快速上手、无需代码
高效开发:丰富的官方组件,排行榜、性能调优一键完成
赋能创意:个性化素材、自定义组件,高级画板工具
·······
另外还有最重要的一点,就是当游戏制作完成后会生成一个二维码,将二维码发给同学、朋友后,能够让他们直接体验你制作的小游戏,从而获得莫大的成就感!(●'◡'●)
本文将通过制作一款经典的小游戏——飞机大战来体现该游戏平台开发游戏的过程。
进入官网后,界面如下:
其中新手引导可以帮助小白快速上手。点击右上角“新建作品”后,进入开发界面:
①添加游戏素材
点击绿色按钮“添加素材”,素材可以自己本地导入,也可以直接使用平台的素材库。在左边可以找到本次游戏——飞机大战的素材包,包括音乐、背景、飞机形象等,将其全部选中导入。可以看到素材已经被添加到资源管理器中,并且背景已经被自动替换成了游戏背景。
②设置背景滚动和背景音乐
点击添加事件中的“当场景启动时”,自动生成积木式代码块。
在中间搭上“积木”,就可以实现我们想要的效果。要实现场景的循环滚动,可以设置场景的自身属性。在右边的“图层属性”板块中点击“管理行为”按钮,设置场景自身的循环滚动。勾选“自动移动”,并设置竖向滚动,再点击“预览场景”,即可发现场景已实现自动滚动。
下一步是添加背景音乐。在“积木”中选择“声音”板块,拖拽“循环播放声音”放置到代码块中间,在下拉框中选择背景音乐即可。
③加入己方飞机
在素材库中将己方飞机拖拽到背景中,加入下图代码块:
“拖拽”在“控制”代码块中可以找到。
④加入子弹
将子弹拖拽到背景中,代码块如下:
代码块解释:当开始游戏时,每秒会克隆一个子弹。当子弹被克隆后,首先将自己的坐标设置位己方飞机的绝对坐标。然后重复执行Y坐标加20,实现飞机发射子弹的效果。
由于子弹的移动代码块只有克隆体有,故开始游戏后初始子弹将会停留在屏幕中不动。将其拖拽到场景外。
⑤添加敌方战斗机
敌方战斗机不止一架,并且逻辑完全相同,故直接克隆。有了④中子弹的经验,直接将敌方战斗机拖拽到场景外。
添加下图代码块:
上述代码块效果:让敌方飞机每1.5秒复制一个克隆体,随机生成在Y坐标700的位置,然后往己方飞机这边移动。
⑥添加碰撞逻辑
这是最重要的一步!也是大部分游戏游戏性的所在。
代码块如下图:
至此,飞机大战已经具备了基本的游戏性。