微信小游戏 案例一 像素飞机

案例一 像素飞机

官网

可视化工具

img

添加素材

image-20191225111852273

选择 飞机大战

image-20191225112510907

让 背景移动

image-20191225112815267

添加 战机

image-20191225113126282

设置 战机 随手指移动

image-20191225113420527

添加 子弹

image-20191225113635989

克隆 子弹

image-20191225113846715

0. 让 被克隆的子弹 发射出去

image-20191225114628252

隐藏 子弹本体

image-20191225114717552

添加 敌机

image-20191225115009186

克隆 敌机

image-20191225115932463

让 敌机的克隆体 在水平方向随机出现，再往下飞

image-20191225115639785

隐藏 敌机本体

image-20191225120023692

添加 子弹 和 敌机 的碰撞效果

为 敌机 添加 爆炸 造型

2019-12-251207

为 敌机 添加碰撞 子弹 检测 、 切换 成 爆炸造型、和 销毁 敌机

image-20191225142919908

给 发射子弹 添加 声音

image-20191225143431689

添加 分数

image-20191225143940963

添加 战机 和 敌机 碰撞

1. 添加碰撞事件
2. 将战机切换为爆炸造型
3. 延迟一会
4. 弹出对话框
5. 停止游戏

image-20191225145220143

0. 将 分数 上传到 排行榜

0.1. 把 白色数字中的 增加数量 功能移除掉

因为我们需要将分数缓存下来，需要用到 变量和 函数功能

image-20191225145459635

0.2. 添加变量 杀敌数量

201922514915

0.3. 添加函数 计算杀毒数量

20191225150636

0.4. 在函数内 将 杀敌数量 叠加 1

2019122551042

0.5. 将 分数 换算成 杀敌数量

2019122551426

0.6. 在 白色数字 的碰撞事件中 调用函数

image-20191225151644891

0.7. 当 战机 碰撞到 敌机后，上传分数到排行榜 和 打开 排行榜

2019122552830