js街机

最新推荐文章于 2024-02-29 10:24:27 发布

未羽出衫

最新推荐文章于 2024-02-29 10:24:27 发布

阅读量404

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/qq_16590151/article/details/44831729

版权

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>auto:maomao</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js"></script>
<script>
var shenumber=0;
var shemaxnumber=9;
var yxflag=false;
var sudu=1000;
var feijisudu=1000;
var zidansudu=50;
var interval; //调度器对象。障碍
var interval2; //调度器对象。飞机
var interval3; //调度器对象。子弹
var zalength=0;
var fangxiang=1;
var boxlength=40;
$(function (){
for(var i=0;i<=boxlength;i++){
$("#tableroom").append("<tr id='tr"+i+"'></tr>");
for(var j=0;j<=boxlength;j++){
$("#tr"+i).append("<td id="+i+"_"+j+">  </td>");
}
}
feiji();
})
//键盘事件
$(document).keydown(function(event){
if(event.keyCode == 37){
fangxiang=2;
fun2()
run2()
}else if (event.keyCode == 39){
fangxiang=3;
fun2()
run2()
}else if (event.keyCode == 38){
//fangxiang=4;
//run2()
//fun2()
}else if (event.keyCode == 40){
//fangxiang=5;
//run2()
//fun2()
}else if (event.keyCode == 32){
if(yxflag){
yxflag=false;
clearTimeout(interval);
clearTimeout(interval3);
}else{
yxflag=true;
run();
}
}
});
$(document).keyup(function(event){
if(event.keyCode == 37){
clearTimeout(interval2);
}else if (event.keyCode == 39){
clearTimeout(interval2);
}else if (event.keyCode == 38){
clearTimeout(interval2);
}else if (event.keyCode == 40){
clearTimeout(interval2);
}
});
function run(){
interval = setInterval("fun()",sudu);
interval3 = setInterval("fun3()",zidansudu);
}
function run2(){
interval2 = setTimeout("fun2()",feijisudu);
}
//处理飞机
function fun2(){
$(".feiji").each(function(){
var x;
var y;
var toubu=$(this).attr("id");
if(fangxiang==2){
x=(toubu.split("_")[0]);
y=(parseInt(toubu.split("_")[1])-1);
}else if(fangxiang==3){
x=(toubu.split("_")[0]);
y=(parseInt(toubu.split("_")[1])+1);
}else if(fangxiang==4){
x=(parseInt(toubu.split("_")[0])-1);
y=(toubu.split("_")[1]);
}else if(fangxiang==5){
x=(parseInt(toubu.split("_")[0])+1);
y=(toubu.split("_")[1]);
}
if(x>boxlength||x<0||y>boxlength||y<0){
if(x>boxlength){
x=0;
}
if(x<0){
x=boxlength;
}
if(y>boxlength){
y=0;
}
if(y<0){
y=boxlength;
}
}
if($("#"+x+"_"+y).hasClass("backco")&&!$("#"+x+"_"+y).hasClass("feiji")&&!$("#"+x+"_"+y).hasClass("zidan")){
endgame()
}else{
if($(this).hasClass("jitou")){
$(this).removeClass("jitou");
($("#"+x+"_"+y)).addClass("jitou");
}
$(this).removeClass("backco feiji");
($("#"+x+"_"+y)).addClass("backco feiji");
}
});
}
//处理子弹
function fun3(){
$(".zidan").each(function(){
var zidan=$(this).attr("id");
var x=(parseInt(zidan.split("_")[0])-1);
var y=(zidan.split("_")[1]);
$("#"+x+"_"+y).addClass("backco zidan");
$(this).removeClass("backco zidan");
})
var jitou=$(".jitou").attr("id");
var x=(parseInt(jitou.split("_")[0])-1);
var y=(jitou.split("_")[1]);
//如果刚发出的子弹前有障碍物。则销毁障碍物
if(($("#"+x+"_"+y)).hasClass("backco")){
$("#"+x+"_"+y).removeClass("backco");
}else{
$("#"+x+"_"+y).addClass("backco zidan");
}
}
//处理障碍
function fun(){
moveza()
getzhangai(zalength);
zalength+=1;
}
function getzhangai(hangshu){
for(var j=0;j<2;j++){
var mathtwo=Math.ceil(Math.random()*40);
($("#"+0+"_"+mathtwo)).addClass("backco");
}
}
function moveza(){
for(var i=zalength;i>=0;i--){
$("#tr"+i).find("td").each(function(){
if($(this).hasClass("backco")&&!$(this).hasClass("zidan")){
if($(this).hasClass("feiji")){
endgame()
}
var objid=$(this).attr("id");
$(this).removeClass("backco");
var x=(parseInt(objid.split("_")[0])+1);
var y=(objid.split("_")[1]);
if(($("#"+x+"_"+y)).hasClass("zidan")){
($("#"+x+"_"+y)).removeClass("backco zidan")
}else{
($("#"+x+"_"+y)).addClass("backco");
}
}
});
}
}
function endgame(){

clearTimeout(interval);
clearTimeout(interval3);
}
</script>
<style>
td{}
.backco{background-color:black}
</style>
</head>
<body>
<p>Author:maomao,空格开始/结束,键盘↑↓←→控制方向</p>
<table id="tableroom" style="border: 1px solid #000;">
</table>
</body>
</html>
<script>
function feiji(){
$("#35_19").addClass("backco feiji jitou");
$("#36_18").addClass("backco feiji");
$("#36_20").addClass("backco feiji");
$("#37_17").addClass("backco feiji");
$("#37_19").addClass("backco feiji");
$("#37_21").addClass("backco feiji");
$("#38_18").addClass("backco feiji");
$("#38_20").addClass("backco feiji");
}
</script>