jQuery飞机大战游戏

来源:https://www.sucaihuo.com/js/501.html 2015-09-13 04:55浏览(4963) 收藏

分享一个射击类游戏,你可以通过js里面的碰撞判断来累积玩家的设计分数,存到数据库,通过玩家射击积分,可以制作一个射击积分排行榜,为你的网站增加人气。
jQuery飞机大战游戏
分类:游戏 > 设计 难易:高级
查看演示 下载资源 下载积分: 20 积分

游戏操作按钮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);
}
标签: 游戏飞机
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2