【微信小游戏可视化实战】飞机大战

工具：微信小游戏制作工具 (qq.com)

官方文档：简介 · 小游戏创作工具 (qq.com)

登陆后的界面： 

 

第一次登录的新人有新手指引创建空项目：点击创建作品---选则空项目或其他模板--点击创建

 

1.点击添加素材，添加背景，和音乐（下面截图忘记添加了bgm，我后面重新添加了）

2.点击添加事件，会出现位于【+添加事件】下面的绿色部分，接着点击声音，将【播放声音】拖至图示部分，点击【播放声音】的倒三角，下拉选则刚刚的bgm，然后点击【预览场景】即可查看效果。

3.如果我们要让背景动起来，那么就需要设置【管理行为】。（当我们点击（绿色方框围起来的部分）的是【资源管理器】，则对应右边会打开【资源属性】，若我们要打开【图层属性】的【管理行为】，则需点击上面的【图层管理】让【资源属性】面板换为【图层属性】面板

点击管理行为，打开【循环滚动】，则【行为】里就会增加几个【循环滚动】相对应的行为。

将【平铺方向】选为【竖向】，选中【自由移动】，【移动方向】也选择竖向，重新点击【预览场景】，会发现背景动了起来。

4.添加一个飞机，点击【添加素材】选中一个【飞机】

将飞机移动到自己需要的地方，重新点击【预览场景】，会发现飞机不能拖拽

5.为了实现飞机的拖拽，需对飞机添加事件。选中事件【当场景启动时】，然后点击【控制】

选则第一个 

 

重新点击【预览场景】，会发现飞机能拖拽，且只能颜色横向拖拽

6.点击添加子弹，设置事件，其中【重复执行】和【等待  秒】都是【逻辑】里的，【克隆自己】是【控制】里的，

再次对子弹【添加事件】，选择【当作为克隆体启动时】，蓝色的是【逻辑】，紫色部分是【运动】，可点击相应内容进行添加

 

重新点击【预览场景】，会发现飞机能拖拽，子弹大部分会随着飞机运动，但是有一个子弹固定不动，破化美感

退出预览后，将子弹移出画面，重新预览，问题解决

7.添加敌机，这次我们一开始就把敌机的位置移出外面再设置事件

设置如下：

8.设置当飞机被碰撞的时候的 状态，选择【当精灵发生碰撞】

粉色的事件是【外观】

 

重新点击【预览场景】

9.添加数字。点击添加【素材】，将数字移动到合适的位置

点击【数据】面板的【添加变量】

然后选中这个数字，【添加事件】，粉色为外观

【变量】来自于【数据】

点击【预览场景】，会发现，打中敌机后值还是0

10，为解决9的问题，须在敌机的事件中，增加【数据】里的【将得分增加 1】，重新点击【预览场景】

11.当自己被撞时，游戏结束。点击自己的飞机，添加【当精灵发生碰撞】时的事件，里面的内容是【游戏】里的

得分来自于是【数据】 

12.为修改难度，可自行修改子弹射出时间与敌机间隔时间