再次發(fā)JS貪吃蛇代碼

2024-09-05 12:21:06

字體：大中小

供稿：網(wǎng)友

再次分享一個(gè)自己寫的貪吃蛇游戲代碼，按回車鍵開始游戲。在游戲代碼中，表格行數(shù)、初始方向、方塊下落速度、存儲(chǔ)蛇尾方向的數(shù)組，數(shù)組長度=蛇的長度、分?jǐn)?shù)元素等都可以自己定義，以前有發(fā)過幾個(gè)貪吃食代碼，本不想發(fā)了，不過覺得這個(gè)寫的也不錯(cuò)，多多益善吧。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Js貪吃蛇代碼</title><style type="text/css">*{ margin:0; padding:0;}body{ overflow:hidden;}#contentBox{margin:50px auto 10px; background:#eee; width:421px; height:421px; border-collapse:collapse;}#contentBox tr td{ width:20px; height:20px; border:1px #ccc solid;}.snakeflag{ background:#666;}.eatFood{ background:red;}.controlArea{ width:420px; margin:0px auto;}#controlBtn{ width:70px; height:34px;font-weight:bold; font-size:24px;}.levelArea,.scoreArea{ margin-left:50px;}</style></head><body><table id="contentBox"><tbody></tbody></table><div   id="l7tv5bh"   class="controlArea">	<button id="controlBtn" title="可按回車鍵開始游戲">開始</button>    <span id="b775bxh"    class="levelArea">    	<strong>Level：</strong>    	<select id="level">        	<option value="1">1</option>            <option value="2">2</option>            <option value="3">3</option>            <option value="4">4</option>            <option value="5">5</option>            <option value="6">6</option>            <option value="7">7</option>            <option value="8">8</option>            <option value="9">9</option>            <option value="10">10</option>        </select>    </span>    <span id="hlvhhpl"    class="scoreArea">    	<strong>當(dāng)前分?jǐn)?shù)：</strong>    	<span id="score">0</span>    </SPAN>
</div>
</div>
<div   id="phnlvrx"   class=page1>
<p align="center" class="pageLink"></p>
</div>

<div   id="dffffzr"   class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-05/1557798.html'>Js版俄羅斯方塊游戲</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-05/1557800.html'>類似模方的網(wǎng)頁益智游戲代碼</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div   id="b77bn55"   class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您沒什么話要說嗎？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

學(xué)習(xí)交流