参考教程
使用网站:微信小游戏制作工具
教程视频:
制作过程
简单游戏背景与规则设计
游戏背景为飞机保卫战,要求玩家战机维持防线、保护后方(屏幕下边缘),需要使用子弹消灭一直往后方飞行的小敌机和能够发射子弹的大敌机,且不阵亡。
游戏规则:
行动:战机用手指拖拽移动。
子弹:战机间断发射三连子弹,大敌机间断发射两列4连子弹,子弹碰撞后均消失,子弹伤害1点血。
血量:小敌机和战机都为1点(无需特别设置),大敌机25点。
出现时机:小敌机在场景开始3秒后由上边缘出现并往下飞,大敌机在25秒后出现并徘徊再上边缘,且大敌机出现后3秒后小敌机不再出现。
失败情况:若小敌机碰到屏幕下边缘,则失败;若战机碰到小敌机或大敌机,战机阵亡,失败;若战机被大敌机子弹击中,失败。
胜利情况: 击败大敌机则成功。
新建项目及设计界面
点击右上角的“新建作品”:
在弹出的窗口中可以选择项目类型,修改名字和横/竖屏。这里选择空项目,名字为“飞机小关卡”,竖屏,然后点击“新建”。
这样就进入了设计界面,其中部分功能介绍如下(按序号):
- 修改项目设置,如名称等。
- 图层部分:当有多个精灵(相当于可见的图层素材)时可能需要调整层级关系(拖拽放置,越靠上越高层)。(注意!!!游戏打飞机参考教程中“资源管理器”(序号3以下部分)和“层级管理”(序号2)两个小窗上下关系与初始的相反,在资源管理器中拖拽无用。)
- 添加素材到资源管理器中,从而用于项目。
- 场景,可在上面拖拽精灵来控制其初始位置,可以拖到绿色边框(游戏界面边框)外,从而达到暂时的隐藏,在精灵克隆自己时也方便调整克隆体的位置。(注意!!!点击右上角的!
按钮可以重置回场景位置、恢复100%比例)
- “预览”,可以用于调整参数等调试工作;“分享”,可以生成小程序码,在手机上体验。
- 选中精灵后添加事件从而实现精灵的动作等,右侧是单元事件,部分有参数,方便设计。
- “保存”
- 除此之外,ctrl+滑轮可以帮助缩放各功能界面。
添加精灵等素材和布置
点击“添加素材”后,在素材库的“彩色飞机大战”主题中选中如下精灵,再点击“导入”完成添加:
注意:右上角有白色菱形的是有动画的素材(相当于GIF,不过要设置播放事件才会自动播放,如下图的“红色敌机-动画”,初始并不是图中的爆炸画面)
拖拽图层,初始布置如下:(导入后背景为“星空”,可在资源管理器中的“背景”设置和替换背景)
场景1:(蓝色子弹为大敌机的子弹,复制成了两个精灵,用来实现并排子弹发射;金色为战机子弹)
场景2:(在左侧“场景”窗口点击“新建场景”,再在资源管理器中替换场景2的背景、添加图层,设为主场景,游戏从场景2开始)
各个精灵的事件设计及其逻辑
事件设置操作演示如下:(事件里的各个小事件都有各自形状,被称为“积木”,我们可以通过颜色和形状方便地寻找相应类型的“积木”。每个事件里越往下是越高的积木,所以拖拽上面的积木会连带着下面(更高)的所有积木)
场景2:
开始键:被点击时切换到场景1。
场景1:
战机(玩家):
启动事件:设置为可拖拽移动;
碰撞事件:与蓝色子弹或红色敌机相碰,则显示game over,停止全部事件。
金色子弹:(子弹是不断发射的,所有需要通过克隆来不断生成子弹)
启动事件及克隆体事件:间隔0.1s克隆三次后等待0.3s,克隆体位置移到战机位置,并不断向上飞(y坐标重复增加)。
碰撞事件:与蓝色子弹或小敌机碰撞后消失。
红色敌机(小敌机):
启动事件:场景启动3s后每秒克隆一次,克隆体设置好随机的x坐标(注意屏幕宽度,要避免敌机在屏幕外或边缘飞),并不断往下飞(y坐标减少)
碰撞事件:碰到金色子弹后播放造型(爆炸)并播放爆炸音效(在素材库的飞机大战主题里有相应音效),碰到下边缘停止所有事件,游戏失败;
收到通知:收到游戏开始25s后大敌机发出的“BOSS来袭”通知后,继续存在3s,然后停止小敌机的事件,小敌机不再进攻。
大敌机:
启动后:25s后通知BOSS来袭,较少y坐标从而一半出现在屏幕中,使用“数据”类型事件中的事件,新建变量生命(live),设为25;再将移动方向设置为横向,通过与左右边缘的碰撞,及时调转方向,实现反复的缓慢横向移动,可以通过减小其中循环的等待时间或者增加x的变化值来增加移动速度。
碰撞:每次碰到金色子弹,live减一,当live减至0时,游戏胜利,停止所有事件。
蓝色子弹:(一左一右)
收到通知:进入克隆循环,先连续克隆四个,然后等待一段时间。
克隆体事件:设置初始位置并往下飞,一左一右两个子弹只有图中圈起来的部分相反。
碰撞事件:与金色子弹碰撞时,消失。
最后成果
点击顶部的“预览&分享”,然后会自动生成一个小程序码,用微信扫一扫就可以体验在手机上玩游戏了。如下:
演示视频:(接下来四次游戏,分别代表胜利、小敌机到达下边缘后失败、与小敌机相碰失败和被蓝色子弹击中后失败四种情况,开始时间分别为00:00、00:48、00:59、01:15)
游戏演示
总结
从这次游戏创作中可以看到,在现在想要做一个小游戏已经十分方便了,不过重点在于如何设计使得小游戏更加好玩、更加可玩。微信小游戏制作工具中用小事件小积木搭出各种行为动作的过程,也有助于锻炼逻辑和组合思维。