当前位置：Gxlcms > JavaScript > 纯javascript模仿微信打飞机小游戏_javascript技巧

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

时间：2021-07-01 10:21:17 帮助过：17人阅读

七夕情人节也不要忘了打游戏喔喔～，下面小编为大家准备的情人节礼物之纯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模仿微信打飞机小游戏，当时方法还有很多种，欢迎大家一起来分享。

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

人气教程排行