📄 月光软件站 - 编程文档 - script - javascript 遊戲 貪吃蛇.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0038)http://www.moon-soft.com/doc/14584.htm -->
<HTML><HEAD><TITLE>月光软件站 - 编程文档 - Script - JavaScript 遊戲 : 貪吃蛇</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="Script,JavaScript 遊戲 : 貪吃蛇,编程,文章,下载" name=keywords>
<META content="JavaScript 遊戲 : 貪吃蛇" name=description>
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY>
<CENTER>
<SCRIPT src="月光软件站 - 编程文档 - Script - JavaScript 遊戲 貪吃蛇.files/top.js"
type=text/javascript></SCRIPT>
</CENTER>
<DIV id=header align=center>
<CENTER>
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=750
border=0>
<TBODY>
<TR>
<TD width="100%">您的位置：<A href="http://www.moon-soft.com/">首页</A>-> <A
href="http://www.moon-soft.com/doc/index.htm">编程文档</A>-> <A
href="http://www.moon-soft.com/doc/7_1.htm">Script</A>-> JavaScript 遊戲
: 貪吃蛇</TD></TR></TBODY></TABLE></CENTER></DIV>
<DIV id=main align=center>
<CENTER>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=0
cellPadding=0 width=750 border=0>
<TBODY>
<TR>
<TD vAlign=top width=165>
<TABLE style="BORDER-COLLAPSE: collapse" height="100%" cellSpacing=0
cellPadding=0 width=165 bgColor=#f4f4f4 border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%">
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=3
width="100%" border=0>
<TBODY>
<TR>
<TD width="100%" bgColor=#000000>
<P align=center><B><FONT
color=#ffffff>Script</FONT></B></P></TD></TR>
<TR>
<TD width="100%">
<P align=center></P></TD></TR>
<TR>
<TD width="100%" bgColor=#000000>
<P><IMG height=13
src="月光软件站 - 编程文档 - Script - JavaScript 遊戲 貪吃蛇.files/d_1.gif"
width=13 align=middle border=0><FONT color=#ffffff>
本类阅读TOP10</FONT></P></TD></TR>
<TR>
<TD width="100%">·<A
href="http://www.moon-soft.com/doc/19348.htm">可编辑的 HTML
JavaScript 表格控件 DataGrid II</A><BR>·<A
href="http://www.moon-soft.com/doc/18902.htm">JavaScript通用库（一）</A><BR>·<A
href="http://www.moon-soft.com/doc/19592.htm">一个简单的javascript菜单</A><BR>·<A
href="http://www.moon-soft.com/doc/19471.htm">层遇到select框时</A><BR>·<A
href="http://www.moon-soft.com/doc/19355.htm">javascript表单之间的数据传递！</A><BR>·<A
href="http://www.moon-soft.com/doc/19305.htm">在网页中控制wmplayer播放器</A><BR>·<A
href="http://www.moon-soft.com/doc/19610.htm">网站流量统计代码</A><BR>·<A
href="http://www.moon-soft.com/doc/19343.htm">让网页自动穿上外套</A><BR>·<A
href="http://www.moon-soft.com/doc/2484.htm">24点终结者(javascript)</A><BR>·<A
href="http://www.moon-soft.com/doc/13758.htm">搜索gb2312汉字在网上的频率</A><BR></TD></TR></TBODY></TABLE><BR>
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=3
width="100%" border=0>
<TBODY>
<TR>
<TD width="100%" bgColor=#111111><FONT color=#ffff00>→</FONT>
<FONT color=#ffffff>分类导航</FONT></TD></TR>
<TR>
<TD width="100%">
<TABLE cellSpacing=3 cellPadding=0 width="99%" border=0>
<TBODY>
<TR align=middle>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/1_1.htm"><FONT
color=#000000>VC语言</FONT></A></TD>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/2_1.htm"><FONT
color=#000000>Delphi</FONT></A></TD></TR>
<TR align=middle>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/3_1.htm"><FONT
color=#000000>VB语言</FONT></A></TD>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/4_1.htm"><FONT
color=#000000>ASP</FONT></A></TD></TR>
<TR align=middle>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/5_1.htm"><FONT
color=#000000>Perl</FONT></A></TD>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/6_1.htm"><FONT
color=#000000>Java</FONT></A></TD></TR>
<TR align=middle>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/7_1.htm"><FONT
color=#000000>Script</FONT></A></TD>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/8_1.htm"><FONT
color=#000000>数据库</FONT></A></TD></TR>
<TR align=middle>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/9_1.htm"><FONT
color=#000000>其他语言</FONT></A></TD>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/10_1.htm"><FONT
color=#000000>游戏开发</FONT></A></TD></TR>
<TR align=middle>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/11_1.htm"><FONT
color=#000000>文件格式</FONT></A></TD>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/12_1.htm"><FONT
color=#000000>网站制作</FONT></A></TD></TR>
<TR align=middle>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/13_1.htm"><FONT
color=#000000>软件工程</FONT></A></TD>
<TD width="50%"><A
href="http://www.moon-soft.com/doc/14_1.htm"><FONT
color=#000000>.NET开发</FONT></A></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=3 cellPadding=0 width="99%" border=0>
<TBODY>
<TR align=middle>
<TD>
<FORM action=search.asp><INPUT
style="BORDER-RIGHT: #42a5f7 1px dotted; BORDER-TOP: #42a5f7 1px dotted; BORDER-LEFT: #42a5f7 1px dotted; BORDER-BOTTOM: #42a5f7 1px dotted"
size=12 name=k> <INPUT type=image
src="月光软件站 - 编程文档 - Script - JavaScript 遊戲 貪吃蛇.files/d_search.gif"
align=absMiddle value=submit border=0><INPUT type=hidden
value=info name=type></FORM></TD></TR></TBODY></TABLE>
<SCRIPT
src="月光软件站 - 编程文档 - Script - JavaScript 遊戲 貪吃蛇.files/js_ads_left.js"
type=text/javascript></SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD vAlign=top width=8
background="月光软件站 - 编程文档 - Script - JavaScript 遊戲 貪吃蛇.files/bg_shadow.gif"
bgColor=#ffffff></TD>
<TD vAlign=top width=595 height=2>
<TABLE style="TABLE-LAYOUT: fixed; BORDER-COLLAPSE: collapse"
cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=article_title align=middle height=30><B>JavaScript 遊戲 :
貪吃蛇</B></TD></TR>
<TR>
<TD align=middle width="100%" bgColor=#888888 height=1></TD></TR>
<TR>
<TD width="100%" height=2></TD></TR>
<TR>
<TD width="100%" height=38>
<P align=center><B>作者</B>：未知 <B>来源</B>：月光软件站<!--未知-->
<B>加入时间</B>：2005-2-28 月光软件站</P></TD></TR>
<TR>
<TD vAlign=top width="100%">
<P>好像是最快的速度了。。。</P>
<P>說一說原理：<BR>是利用DOM的。<BR><span>一條蛇，由蛇頭到蛇尾</span><BR>這樣想到了什麼？蛇尾就是這個span的第一個元素，蛇頭就是最後一個元素啦。當然，調換前後也一樣可以的。</P>
<P>然後建一個二維數組，當是地圖的 x,y 坐標。<BR>然後，每節蛇也有它的 x,y
坐標，分別和上面的二維數組關連起來。<BR>這樣就會得到蛇每一節的位置了，看看有沒有超出數組上限或下限，GameOver。<BR>不過我這裏為了體驗一下速度，沒這個GameOver條件，只有蛇頭和蛇身相撞時就GameOver。</P>
<P>最後就是關件的啦。<BR>蛇要不停地移動，那麼，不停地在上面那個 span 裏添加
<div>我是蛇頭</div> 蛇頭的left top 值要和剛創建的地圖對應啊。<BR>然後在
上面那個span 裏刪除那個 <div>我是蛇尾</div> 的元素</P>
<P>再把 span 裏第二個元素設為：我是蛇身。這樣，原本是蛇頭的第二個元素就變成蛇身了。<BR>再把 span
裏最後一個元素設為：我是蛇尾。這樣，原本是蛇身的它，就變成蛇尾了。</P>
<P>完 ^-^</P>
<P> </P>
<P><!-- <BR><A href="http://dwin.net/">http://dwin.net/</A><BR><A
href="http://dewin.tk/">http://dewin.tk/</A></P>
<P><BR>Copyright(c) 1998-2004 dewin all rights reserved</P>
<P>Start 2002-10-12 11:12<BR>Finish 2002-10-16
07:43<BR>--></P>
<P><body></P>
<P><script></P>
<P>var Rows = 20;<BR>var Cells = 30;</P>
<P>var MapW = 20;<BR>var MapH = 20;</P>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -