使用微信小游戏制作工具制作 “打飞机” 小游戏

声明:本篇博客是一次课程作业,内容完全参照微信小游戏制作工具官网中的教学视频编写。
教学视频网址:https://gamemaker.weixin.qq.com/ide?code=061ET8100Aa3DQ1uRf000JEbJE2ET817&state=#/

在这里插入图片描述

前言

微信小游戏,一种基于微信平台的轻量级游戏应用,正逐渐成为一种全新的社交和娱乐方式。本文将通过介绍怎么使用微信小游戏制作工具来制作“打飞机”小游戏,帮助你了解如何使用这个平台来创建自己的游戏。


一、微信小游戏制作工具简介

微信小游戏制作工具是一个可视化编程工具,提供了丰富的游戏开发库和API。通过这个工具,开发者即使不具备高深的编程知识也可以高效地制作各种各样简单的小游戏。
官方网址:https://gamemaker.weixin.qq.com/

二、新手引导

官网提供了新手引导帮助开发者快速上手该工具。
新手引导

点击 “查看” 即可进入新手引导(PS: 我查看新手引导的时候它只教了怎么创建一个新项目,应该是一个bug)。此外点击查看 “如何快速获得帮助” 观看教学视频。

三、“打飞机”小游戏制作过程

1.创建“打飞机”小游戏项目

微信小游戏制作工具提供了 “傻瓜式” 的项目管理模式。开发者只要点击 “新建作品” 就可以开始小游戏制作了。
新建作品

选择项目模板(“弹幕射击” 是已经做好的 “打飞机”小游戏,这里选 “空项目”是为了演示),为项目命名,
选择显示方式—— “竖屏” 或 “横屏” 后,点击 “新建” 进入游戏制作界面。
步骤

游戏制作界面。
游戏制作界面

2.导入游戏背景,并让背景动起来

一个游戏的游戏背景,不仅仅是为了画面的美观,还起到了实现游戏中元素在运动视觉效果的作用。比如在 “打飞机” 小游戏中通过让背景循环滚动,产生飞机在不断行进的视觉效果。接下来我们就要导入游戏背景,并让其动起来。

(1)导入游戏背景

点击 “编辑背景”。
导入背景1

找到要导入的素材,点击 “导入”。
导入背景2

背景导入效果。
在这里插入图片描述

(2)让背景动起来

点击 “管理行为”。
管理行为

选择 “循环滚动”。
循环滚动

勾选 “自动运动”,移动方向选择 “竖向”。
自动移动 & 移动方向

至此,游戏背景的设置就已经完成了。

3.导入我方飞机,并添加控制对象的事件

(1)导入我方飞机

步骤和导入背景基本一致。点击 “添加素材”,导入素材后拖动对象到合适的初始位置即可。英雄

(2)添加控制对象的事件

点击 “添加事件”,再点击 “当场景启动时”,之后点击 “控制”,将 “拖拽” 拖到 “当场景启动时” 中。
添加事件
这样我们就可以通过拖拽鼠标来控制我方飞机的运动了。

3.导入子弹,并实现发射

(1)导入子弹

导入素材的步骤基本上是一样的,只不过有的要调整位置,有的要调整大小,之后不在赘述了。
导入子弹

(2)实现子弹发射

通过让子弹移动和克隆自身的方法来实现子弹发射的效果,并且当我方飞机移动时子弹也要跟着移动。添加的行为如下:
添加事件

(3)优化画面

将子弹素材移到画面外,并将子弹图层移到飞机图层下面。
优化画面

4.导入敌机,实现敌机移动和子弹击中敌机

因为敌机是从画面外陆续飞进来的,所以敌机的素材放置在画面外。

(1)实现敌机移动

敌机对应的事件如下:
敌机移动

(2)实现子弹击中敌机

当子弹和敌机发生碰撞时触发事件。

敌机对应的事件:
敌机事件

子弹对应的事件:
子弹时间

4.完善音效

接下加入背景音乐和子弹射出的音效。

(1)加入背景音乐

在背景素材中添加如下事件:
背景事件

(2)加入子弹射出的音效

在子弹素材中添加如下事件:
子弹事件

5.待改善的部分

至此,一个简单的 “打飞机” 小游戏就已经完成了。但是该小游戏还有很多地方可以进行改进。比如,没有开始游戏和结束游戏的界面,子弹击中敌机时没有击中特效,没有分数机制或者其他可以提供成就感的机制,我方飞机与敌机发生碰撞时没有相应的行为等等。


总结

微信小游戏制作工具是一个功能强大且易于使用的平台。通过使用该工具,你不需要编写任何的代码,只需要像搭积木一样添加各种素材,用它提供的各种基本行为接口实现游戏逻辑,能够轻松的制作出自己的小游戏。
制作过程及演示视频: https://www.bilibili.com/video/BV1y14y1k7nC/?share_source=copy_web&vd_source=991a495f6c8b2075c9183e51a6bb183d

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值