javascript网页游戏--贪食蛇代码

最新推荐文章于 2023-07-08 19:26:15 发布

michael-S

最新推荐文章于 2023-07-08 19:26:15 发布

阅读量1.3k

点赞数

文章标签： javascript 网页游戏 class input button function

本文链接：https://blog.csdn.net/gsx123/article/details/1785633

版权

游戏地址：http://www.uptoday.cn/shtml/article1289.htm

用键盘上下左右键控制方向, 每吃到食物，移动速度加快.

<HTML>
<HEAD>
<TITLE> 贪食蛇 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
.td{width:30px;height:30px;border-color:#ccc;background:#006600;}
body{background:#000;}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
    d=document.getElementById
   var gap_time=200;           //移动速度
   var front_color="#ffffff"; //蛇身颜色
   var len=3;                  //蛇身长度
   var cx=new Array();         //位置
   var cy=new Array();
   var tempx=new Array();
   var tempy=new Array();
   var isend="no";
   var origin="39";
   tempx[0]=1;tempy[0]=4;
cx[0]=1;cy[0]=4;
cx[1]=1;cy[1]=3;
cx[2]=1;cy[2]=2;
cx[3]=1;cy[3]=1;
cx[4]=1;cy[4]=1;

    function putfood(){    //生成食物
     var foodx=4;
var foody=5;
      while(1){
         foodx=Math.floor(Math.random()*(10))+1;
   foody=Math.floor(Math.random()*(10))+1;

   if(d("td"+(foodx)+"_"+(foody)).style.background!=front_color)
   break;
        }

      d("td"+foodx+"_"+foody).style.background="#FF0000";
   d("foodx").value=foodx;d("foody").value=foody;
}

function change(){        //方向键控制触发
var direction=event.keyCode;
if(Math.abs(direction-(d("ori").value))!=2){
    clearTimeout(q);
    cx[0]=d("cx").value;
cy[0]=d("cy").value;

    q=setTimeout("automove("+direction+","+direction+","+cx[0]+","+cy[0]+")",gap_time);
}

}

//**************************************************************
// 主程序                                                     *
    //**************************************************************
function automove(direction,ori,x,y) {
    clearTimeout(q);
   cx[0]=x;cy[0]=y;
   tempx[0]=x;tempy[0]=y;
   d("ori").value=ori;
origin=ori;
for(i=1;i<=len;i++){      //结束！ GAME OVER ！
     if(x==cx[i]&&y==cy[i]){window.alert("GAME OVER！");isend="yes";d("button1").value="重来";}
     if((x<1||y>10||x>10||y<1)&&isend!="yes"){window.alert("GAME OVER！！！！！");isend="yes";d("button1").value="重来";}
}

if(isend!="yes")
{

       //吃到食物
    if(cx[0]==d("foodx").value&&cy[0]==d("foody").value)
{putfood();
   len++;
cx[len]=cx[len-1];
cy[len]=cy[len-1];
gap_time-=5;
if(gap_time<60)gap_time=60;
}

d("td"+(cx[len])+"_"+(cy[len])).style.background="#006600";
for (i=1;i<=len;i++){   //跟随移动
      //
      tx=cx[i];ty=cy[i];
      cx[i]=tempx[0];cy[i]=tempy[0];
   tempx[0]=tx;tempy[0]=ty;

       // d("cx"+i).value=cx[i];d("cy"+i).value=cy[i];

      d("td"+(cx[i])+"_"+(cy[i])).style.background=front_color;
    }

      // d("td"+(cx[0])+"_"+(cy[0])).style.background="#006600";

switch (direction){     //判断方向
case 38: //上

           cx[0]--;
      d("td"+(cx[0])+"_"+(cy[0])).style.background=front_color;

           q=setTimeout("automove("+direction+",38,"+cx[0]+","+cy[0]+")",gap_time);
break;
case 40: //下
           cx[0]++;
     d("td"+(cx[0])+"_"+(cy[0])).style.background=front_color;
            q=setTimeout("automove("+direction+",40,"+cx[0]+","+cy[0]+")",gap_time);
break;
case 37: //左
            cy[0]--;
     d("td"+(cx[0])+"_"+(cy[0])).style.background=front_color;
         q=setTimeout("automove("+direction+",37,"+cx[0]+","+cy[0]+")",gap_time);
break;
case 39: //右
            cy[0]++;
     d("td"+(cx[0])+"_"+(cy[0])).style.background=front_color;
           q=setTimeout("automove("+direction+",39,"+cx[0]+","+cy[0]+")",gap_time);
break;
    default:
          q=setTimeout("automove("+ori+","+ori+","+cx[0]+","+cy[0]+")",gap_time);
break;
      }
   d("cx").value=cx[0];d("cy").value=cy[0];

d("info").innerHTML=" <FONT SIZE=5 COLOR=white>"+(len-3)+"</FONT> ";
}
}
function onload(){
document.getElementById('td1_1').style.background=front_color;
document.getElementById('td1_2').style.background=front_color;
document.getElementById('td1_3').style.background=front_color;
document.getElementById('td1_4').style.background=front_color;
q=setTimeout('automove(39,39,1,4)',gap_time);
putfood();

}

function button(m){
if(m=="开始"){
    onload();
    d("button1").value="暂停";
}else
if (m=="暂停")
{
d("button1").value="继续";
   clearTimeout(q);

}else if (m=="继续")

{
onx=cx[0];ony=cy[0];
q=setTimeout('automove('+origin+','+origin+','+onx+','+ony+')',gap_time);
d("button1").value="暂停";
}
else{window.location.reload();}

}
//-->
</SCRIPT>

游戏地址： http://www.uptoday.cn/shtml/article1289.htm

michael-S

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
javascript网页游戏--贪食蛇代码

游戏地址：http://www.uptoday.cn/shtml/article1289.htm用键盘上下左右键控制方向, 每吃到食物，移动速度加快. 贪食蛇 .td{width:30px;height:30px;border-color:#ccc;background:#006600;}body{background:#000;} d=docum
复制链接

扫一扫