jQuery飞机大战游戏

收藏

分享一个射击类游戏，你可以通过js里面的碰撞判断来累积玩家的设计分数，存到数据库，通过玩家射击积分，可以制作一个射击积分排行榜，为你的网站增加人气。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

游戏操作按钮HTML代码

<div id="startdiv">
    <button onclick="begin()">开始游戏</button>
</div>
<div id="maindiv">
    <div id="scorediv">
        <label>分数：</label>
        <label id="label">0</label>
    </div>
    <div id="suspenddiv">
        <button>继续</button><br/>
        <button>重新开始</button><br/>
        <button>回到主页</button>
    </div>
    <div id="enddiv">
        <p class="plantext">飞机大战分数</p>
        <p id="planscore">0</p>
        <div><button onclick="jixu()">继续</button></div>
    </div>
</div>

main.js

//获得主界面
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");
//初始化分数
var scores = 0;

/*
 开始游戏按钮点击事件
 */
var set;
function begin() {

    startdiv.style.display = "none";
    mainDiv.style.display = "block";
    selfplan.imagenode.style.display = "block";
    scorediv.style.display = "block";
    /*
     调用开始函数
     */
    set = setInterval(start, 20);
}
//游戏结束后点击继续按钮事件
function jixu() {
    location.reload(true);
}