纯javascript模仿微信打飞机小游戏_javascript技巧

首先给大家展示效果图：

查看演示 源码下载

纯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模仿微信打飞机小游戏，当时方法还有很多种，欢迎大家一起来分享。