界面设计

首页：

游戏中：

游戏结束：

创建项目

使用基础模板，基于vue2创建一个叫“飞机大战2”的简单的项目。

点击运行到内置浏览器：

此时的界面效果如下：

准备游戏素材

将准备好的游戏素材文件复制到static目录，以便后面使用。

这里简单介绍一下素材：

background_1.png：游戏背景图片

blast.gif，敌机爆炸

bullet1.png：子弹

elememy1_fly1_1.png：敌机1飞行状态

elememy2_fly1_1.png：敌机2飞行状态

elememy3_fly1_1.png：敌机3飞行状态

myplane.gif：我方飞机

meblast.gif：我方飞机损毁

移除顶部导航栏

修改pages.json，通过配置移除顶部导航栏：

游戏初始代码

未经允许不得转载：头条资讯网_今日热点_娱乐才是你关心的时事 » 使用uniapp开发一个飞机大战小游戏