?? 月光軟件站 - 編程文檔 - 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 + -