分享一个射击类游戏,你可以通过js里面的碰撞判断来累积玩家的设计分数,存到数据库,通过玩家射击积分,可以制作一个射击积分排行榜,为你的网站增加人气。
游戏操作按钮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);
}
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791