首先给大家展示效果图：
查看演示 源码下载
纯JavaScript模仿微信打飞机游戏，做网页小游戏的借鉴下，界面设计是竖长形仿手机屏幕风格，游戏效果流畅。具有分数统计，里面的JS封装类中包括有创建飞机类、飞机移动行为控制，创建子弹类，产生min到max之间的随机数，判断本方飞机是否移出边界,如果移出边界,则取消mousemove事件,反之加上mousemove事件，为暂停界面的继续按钮添加暂停事件，创建敌方飞机类、碰撞判断、完成界面的初始化，敌方小飞机一个，我方飞机一个。
//获得主界面
代码如下:
var mainDiv=document.getElementById("maindiv");
//获得开始界面
代码如下:
var startdiv=document.getElementById("startdiv");
//获得游戏中分数显示界面
代码如下:
var scorediv=document.getElementById("scorediv");
//获得分数界面
代码如下:
var scorelabel=document.getElementById("label");
//获得暂停界面
代码如下:
var suspenddiv=document.getElementById("suspenddiv");
//获得游戏结束界面
代码如下:
var enddiv=document.getElementById("enddiv");
//获得游戏结束后分数统计界面
代码如下:
var planscore=document.getElementById("planscore");
//初始化分数
//暂停界面重新开始事件
以上代码简单吧，使用纯javascript模仿微信打飞机小游戏，当时方法还有很多种，欢迎大家一起来分享。
下载本文