⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 月光软件站 - 编程文档 - script - javascript 遊戲 貪吃蛇.htm

📁 javascript常见小游戏,谈吃蛇
💻 HTM
📖 第 1 页 / 共 2 页
字号:
            <P>var BorderW = 5;<BR>var oSpeed = 1<BR>var Scores = 0;</P>
            <P>var SnakeHeakColor = 'blue';<BR>var SnakeBodyColor = 
            'orange';<BR>var SnakeTailColor = 'yellow';</P>
            <P>&nbsp;</P>
            <P>&nbsp;</P>
            <P>function CreatMainMap(){<BR>MainMap = [];<BR>for(var 
            y=0;y&lt;Rows;y++){<BR>&nbsp;MainMap[y] = [];<BR>&nbsp;for(var 
            x=0;x&lt;Cells;x++){<BR>&nbsp; MainMap[y][x] = '';<BR>&nbsp; 
            }<BR>&nbsp;}<BR>}</P>
            <P>function CreateFood(){<BR>var x = 
            parseInt(Math.random()*Cells);<BR>var y = 
            parseInt(Math.random()*Rows);<BR>if(MainMap[y][x] == 
            ''){<BR>&nbsp;Score.innerHTML = 
            Scores++;<BR>&nbsp;Base.insertAdjacentHTML("beforeEnd","&lt;div 
            style='position:absolute;left:"+x*MapW+";top:"+y*MapH+";width:"+MapW+";height:"+MapH+";background:red;'&gt;");<BR>&nbsp;MainMap[y][x] 
            = 'F';<BR>&nbsp;}<BR>else CreateFood();<BR>}</P>
            <P>function 
            CreateSnake(){<BR>Base.insertAdjacentHTML("beforeEnd","&lt;span 
            x="+SnakeX+" y="+SnakeY+" 
            style='position:absolute;left:"+SnakeX*MapW+";top:"+SnakeY*MapH+";width:"+MapW+";height:"+MapH+";background:"+SnakeHeakColor+";'&gt;&lt;/span&gt;");<BR>MainMap[SnakeY][SnakeX] 
            = 'S';<BR>}</P>
            <P>&nbsp;</P>
            <P>&nbsp;</P>
            <P>var GoX = 0;<BR>var GoY = 0;<BR>var GoTime = 0;</P>
            <P>function Dir(x,y){<BR>GoX = (-GoX==x)?GoX:x;<BR>GoY = 
            (-GoY==y)?GoY:y;<BR>if(!GoTime) GoTime = 
            setInterval(Move,oSpeed);<BR>}</P>
            <P>function Move(){<BR>SnakeX = 
            (SnakeX+GoX&lt;0)?Cells-1:((SnakeX+GoX&gt;Cells-1)?0:SnakeX+GoX);<BR>SnakeY 
            = 
            (SnakeY+GoY&lt;0)?Rows-1:((SnakeY+GoY&gt;Rows-1)?0:SnakeY+GoY);<BR>if(MainMap[SnakeY][SnakeX] 
            == ''){<BR>&nbsp;AllSnakes[AllSnakes.length-1].style.background = 
            SnakeBodyColor;<BR>&nbsp;MainMap[AllSnakes[0].y][AllSnakes[0].x] = 
            '';<BR>&nbsp;AllSnakes[0].removeNode(true);<BR>&nbsp;if(AllSnakes.length&gt;1) 
            AllSnakes[0].style.background = 
            SnakeTailColor;<BR>&nbsp;CreateSnake();<BR>&nbsp;return;<BR>&nbsp;}<BR>if(MainMap[SnakeY][SnakeX] 
            == 'F'){<BR>&nbsp;AllSnakes[AllSnakes.length-1].style.background = 
            SnakeBodyColor;<BR>&nbsp;AllFoods[0].removeNode(true);<BR>&nbsp;if(AllSnakes.length&gt;1) 
            AllSnakes[0].style.background = 
            SnakeTailColor;<BR>&nbsp;CreateSnake();<BR>&nbsp;CreateFood();<BR>&nbsp;return;<BR>&nbsp;}<BR>if(MainMap[SnakeY][SnakeX] 
            == 'S'){<BR>&nbsp;if(confirm('Game Over,Try again?')) 
            window.location.reload();<BR>&nbsp;else 
            window.close()<BR>&nbsp;}<BR>}</P>
            <P>&nbsp;</P>
            <P>&nbsp;</P>
            <P>function 
            document.onkeydown(){<BR>switch(event.keyCode){<BR>&nbsp;case 
            34:clearInterval(GoTime);oSpeed+=3;GoTime=setInterval(Move,oSpeed);break;//speed 
            up<BR>&nbsp;case 
            33:if(oSpeed-2&gt;0){clearInterval(GoTime);oSpeed-=2;GoTime=setInterval(Move,oSpeed)};break;//speed 
            down<BR>&nbsp;case 192:alert(oSpeed);break;//speed 
            down<BR>&nbsp;case 37:Dir(-1,0);break;//left<BR>&nbsp;case 
            38:Dir(0,-1);break;//up<BR>&nbsp;case 
            39:Dir(1,0);break;//right<BR>&nbsp;case 
            40:Dir(0,1);break;//down<BR>&nbsp;case 
            83:clearInterval(GoTime);GoTime=0;break;<BR>&nbsp;}<BR>}</P>
            <P>&nbsp;</P>
            <P>&nbsp;</P>
            <P>function window.onload(){<BR>var MainMapWidth = 
            2*BorderW+Cells*MapW;<BR>var MainMapHeight = 
            2*BorderW+Rows*MapH;<BR>document.body.innerHTML += "&lt;span 
            id='Base' 
            style='position:absolute;left:"+(document.body.clientWidth-MainMapWidth)/2+";top:"+(document.body.clientHeight-MainMapHeight)/2+";width:"+MainMapWidth+";height:"+MainMapHeight+";border:"+BorderW+" 
            inset #0000CC;'&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span 
            id='Score'&gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;font 
            color=red&gt;Page Down&nbsp; to Speed down&lt;br&gt;Page Up&nbsp; to 
            Speed up&lt;/font&gt;";<BR>SnakeX = 
            parseInt(Math.random()*Cells);<BR>SnakeY = 
            parseInt(Math.random()*Rows);<BR>AllSnakes = 
            Base.all.tags('SPAN');<BR>AllFoods = 
            Base.all.tags('DIV');<BR>window.focus();<BR>CreatMainMap();<BR>CreateSnake();<BR>CreateFood();<BR>}</P>
            <P>&lt;/script&gt;<BR></P><IMG height=1 
            src="月光软件站 - 编程文档 - Script - JavaScript 遊戲  貪吃蛇.files/down_info.htm" 
            width=1 border=0><BR><BR></TD></TR>
        <TR>
          <TD width="100%" bgColor=#cccccc height=1></TD></TR>
        <TR>
          <TD width="100%"><BR><B>相关文章</B>:
            <P><B>相关软件</B>:</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER></DIV>
<CENTER>
<SCRIPT src="月光软件站 - 编程文档 - Script - JavaScript 遊戲  貪吃蛇.files/bottom.js" 
type=text/javascript></SCRIPT>
</CENTER>
<DIV id=objbottom align=center>
<CENTER>
<SCRIPT type=text/javascript> 
var arrBaiduCproConfig=new Array(); 
arrBaiduCproConfig['uid'] =43125;
arrBaiduCproConfig['n'] ='williamlongcpr';
arrBaiduCproConfig['tm'] ='22';
arrBaiduCproConfig['cm'] ='72';
arrBaiduCproConfig['um'] ='22';
arrBaiduCproConfig['w'] ='728';
arrBaiduCproConfig['h'] ='90';
arrBaiduCproConfig['wn'] ='4';
arrBaiduCproConfig['hn'] ='1';
arrBaiduCproConfig['ta'] ='right';
arrBaiduCproConfig['tl'] ='bottom';
arrBaiduCproConfig['bu'] ='0';
arrBaiduCproConfig['bd'] ='#ffffff';
arrBaiduCproConfig['bg'] ='""';
arrBaiduCproConfig['tt'] ='#444444';
arrBaiduCproConfig['ct'] ='#000000';
arrBaiduCproConfig['url'] ='#000000';
arrBaiduCproConfig['bdl'] ='#ffffff';
arrBaiduCproConfig['rad'] =1;
</SCRIPT>

<SCRIPT src="月光软件站 - 编程文档 - Script - JavaScript 遊戲  貪吃蛇.files/ui.js" 
type=text/javascript charset=gbk> 
</SCRIPT>

<SCRIPT type=text/javascript> 
<!-- 
document.write(baiduCproIFrame()); 
--> 
</SCRIPT>
</CENTER></DIV>
<SCRIPT language=javascript>
if(document.all.item("objtop") != null)
{
objtop.innerHTML = objbottom.innerHTML
}
</SCRIPT>
<BR><BR><BR>
<DIV align=center>
<CENTER>
<TABLE style="FONT-SIZE: 9pt" cellSpacing=0 cellPadding=1 width=770 border=0>
  <TBODY>
  <TR>
    <TD width=770 bgColor=#000000 height=1></TD></TR>
  <TR>
    <TD width=770 height=5></TD></TR>
  <TR>
    <TD align=middle width=770><A href="http://www.moon-soft.com/" 
      target=_top>月光软件</A>┊<A href="http://www.moon-soft.com/download/" 
      target=_top>程序下载</A>┊<A href="http://www.moon-soft.com/doc/" 
      target=_top>编程文档</A>┊<A href="http://www.moon-soft.com/book/" 
      target=_top>电脑教程</A>┊<A href="http://www.moon-soft.com/web/" 
      target=_top>网站设计</A>┊<A href="http://www.moon-soft.com/site/" 
      target=_top>网址导航</A>┊<A href="http://www.moon-soft.com/art/" 
      target=_top>网络文学</A>┊<A href="http://www.moon-soft.com/game/" 
      target=_top>游戏天地</A>┊<A href="http://www.moon-soft.com/joke/" 
      target=_top>幽默笑话</A>┊<A href="http://www.moon-soft.com/life/" 
      target=_top>生活休闲</A>┊<A href="http://www.moon-soft.com/picture/" 
      target=_top>美女图片</A>┊<A href="http://www.moon-soft.com/guestbook/" 
      target=_top>意见反馈</A><BR><A 
      href="http://www.moon-soft.com/program/bbs/docelite1105.htm">电脑技术</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite405353.htm">编程开发</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite25188.htm">网络专区</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite10811.htm">谈天说地</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite113108.htm">情感世界</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite872697.htm">游戏元素</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite50820.htm">分类游戏</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite166458.htm">热门游戏</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite42994.htm">体育运动</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite872698.htm">手机专区</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite28075.htm">业余爱好</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite34403.htm">影视沙龙</A><BR><A 
      href="http://www.moon-soft.com/program/bbs/docelite872701.htm">音乐天地</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite872702.htm">数码广场</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite121902.htm">教育园地</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite872703.htm">科学大观</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite991826.htm">古今纵横</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite49868.htm">谈股论金</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite55064.htm">人文艺术</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite165391.htm">医学保健</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite115338.htm">动漫图酷</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite872704.htm">二手专区</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite112364.htm">地方风情</A>┊<A 
      href="http://www.moon-soft.com/program/bbs/docelite165368.htm">各行各业</A><BR><BR><A 
      href="http://www.moon-soft.com/">月光软件站</A>·<A 
      href="http://www.moon-soft.com/sitemap.htm" target=_blank>版权所有</A> 
  </TD></TR></TBODY></TABLE></CENTER></DIV><BR><BR><BR><BR><BR><BR><!--  */  //--></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -