jQuery飞机大战游戏

jQuery飞机大战游戏

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

淘建站为您提供更多_游戏_设计_游戏_飞机,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 172 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:游戏 > 设计 难易程度:高级

游戏操作按钮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);
}

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/501.html
jQuery飞机大战游戏 希望对你有帮助,感谢您的支持!
  • jQuery网页版简易的俄罗斯方块游戏源码

    jQuery网页版简易的俄罗斯方块游戏源码

  • jQuery网页键盘打字游戏源码下载

    jQuery网页键盘打字游戏源码下载

  • jquery简单的真心话大冒险游戏文字随机抽取大冒险

    jquery简单的真心话大冒险游戏文字随机抽取大冒险

  • jquery ui制作html5网站游戏开发(欣赏)

    jquery ui制作html5网站游戏开发(欣赏)

  • 战斗型直升飞机flash动画素材

    战斗型直升飞机flash动画素材

  • 卡通猫狗动物飞机大战flash动画素材

    卡通猫狗动物飞机大战flash动画素材

  • html5实现经典的变色弹珠跳台阶游戏源码

    html5实现经典的变色弹珠跳台阶游戏源码

  • html5猜杯子最强眼力小游戏源码下载

    html5猜杯子最强眼力小游戏源码下载

  • html5微信分享游戏围住神经猫游戏源码免费下载

    html5微信分享游戏围住神经猫游戏源码免费下载

  • 纯css3仿window经典扫雷游戏代码

    纯css3仿window经典扫雷游戏代码

  • html5手机微信疯狂抢红包小游戏源码

    html5手机微信疯狂抢红包小游戏源码

  • html5简单的贪吃蛇小游戏源码

    html5简单的贪吃蛇小游戏源码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2