WEB开发网
开发学院网页设计JavaScript 网页游戏“贪食蛇”简析 阅读

网页游戏“贪食蛇”简析

 2010-09-14 13:08:59 来源:WEB开发网   
核心提示: //重新开始function Move1(){if(confirm("Game Over,重新开始?"))window.location.reload()}var Times=200//蛇行走到的当前位置是空地时function Move2(){Map[AllDiv[0

   //重新开始
   function Move1()
   {
    if(confirm("Game Over,重新开始?"))
     window.location.reload()
   }

   var Times=200

   //蛇行走到的当前位置是空地时
   function Move2()
   {
    Map[AllDiv[0].y][AllDiv[0].x]='0' //蛇走开后,把原位置设置为'0',表示是空地
    AllDiv[0].removeNode(true) //把蛇数组当前元素删除,在下面的 CreateSnake()语句重新生成
    CreateSnake() //在新的位置生成蛇的<div>
    setTimeout('Move()',Times) //再次移动
   }

   //蛇行走到的当前位置是食物时
   function Move3()
   {
    CreateSnake() //蛇数组当前元素不删除,<div>累加一次,蛇长长一节
    AllSpan[0].removeNode(true) //把食物数组当前元素删除,在下面的 CreatFood()语句重新生成
    CreatFood() //再次随机生成食物
    setTimeout('Move()',Times) //再次移动
   }

   //蛇越行越快
   function oTimes()
   {
    Times -= 5
    if(Times>5)
     setTimeout('oTimes()', SpeedUp)
   }

   document.onkeydown=KeyDown
   //方向
   function KeyDown()
   {
    Key=event.keyCode
    switch(Key){
    case 37:
     Dir(-1,0);break //左方向键
    case 39:
     Dir(1,0);break  //右方向键
    case 38:
     Dir(0,-1);break //上方向键
    case 40:
     Dir(0,1);break} //下方向键
    return false
   }

   var Star=0

   function Dir(x,y)
   {
    GoX=x
    GoY=y
    if(Star==0)
    {
     oTimes()
     Star=1
     Move()
   }
   }

   //页面打开时运行
   onload = CreateMap; //注意无"()",不是 CreateMap()
   //在<body>中调用的语法是:<BODY onload="CreateMap()">,必须加"()"
  </SCRIPT>

  <BODY>
  <div id="help">
  红色方块表示蛇,绿色方块表示食物。按方向键开始。<br>
  </div>
  </BODY>
  </HTML>

作者:张庆(网眼)

更多文章:http://blog.why100000.com

上一页  1 2 3 4 5 

Tags:网页 游戏 简析

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接