用JS写贪吃蛇游戏的问题

JavaScript020

用JS写贪吃蛇游戏的问题,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<title>无标题文档</title>

<style>

table{ width:auto height:12px}

table tr{ border-right: 1px solid #808080 float:left}

table td{border: 1px solid #808080 border-right:none float:leftwidth: 10pxheight: 10pxfont-size: 0line-height: 0overflow: hidden margin:0px padding:0px}

.hs{ background:#000}

.hs{ background:#ffff}

</style>

</head>

<body>

<script>

function a()

{

for (i=1i<=10i++)

{

document.getElementById("d"+i).className="hs"

}

}

var sudu = 1//速度

var tar = 1//当前目标

var flag = true//正反向

var tar_pre//上一个

var tar_next//下一个

function a1(){

var tarTd = document.getElementById("d"+tar).className="hs"

if(flag){

tar_pre = tar -1//用于灭掉前面的背景，当然如果是上下移动就不是减1了，你可以再研究

tar_next = tar+1//试探下一个是否有

if(document.getElementById("d"+tar_next)!=null){

tar+=1//这里加1也是只针对于横向

}else{

flag = false

tar-=1

}

}else{

tar_pre = tar +1

tar_next = tar-1//试探下一个是否有

if(document.getElementById("d"+tar_next)!=null){

tar-=1//这里加1也是只针对于横向

}else{

flag = true

tar+=1

}

}

if(document.getElementById("d"+tar_pre)!=null){

document.getElementById("d"+tar_pre).className="hs1"

}

setTimeout("a1()",1000)

}

</script>

<table border="0">

  <tr>

    <td width="10" height="10" id="d1"> </td>

    <td width="10" height="10" id="d2"> </td>

    <td width="10" height="10" id="d3"> </td>

    <td width="10" height="10" id="d4"> </td>

    <td width="10" height="10" id="d5"> </td>

    <td width="10" height="10" id="d6"> </td>

    <td width="10" height="10" id="d7"> </td>

    <td width="10" height="10" id="d8"> </td>

    <td width="10" height="10" id="d9"> </td>

    <td width="10" height="10" id="d10"> </td>

  </tr>

</table>

<input name="" type="button" value="开始" onclick="a1()" />

</body>

</html>

我没写过贪吃蛇，不过可以一起学习，这是我的一个思路，望交流，qqqun21.77/7/12

我突然觉得更好的办法是用二维数组

关于写一个带存档的js游戏相关资料如下

最近使用 JS 写了一个贪吃蛇游戏，效果如下：

贪吃蛇作为一款经典又简单的小游戏，每个人都玩过。实现一个贪吃蛇游戏基本具有以下功能：

棋盘（也被称作 “地图”，我这里画的像一个围棋棋盘，索性就叫棋盘）

蛇 （细致一点分为：蛇头、蛇身、蛇尾）

方向（上下左右）控制，并且自动行走

碰撞检测（撞墙、撞自己）

食物在随机位置生成

蛇吃到食物，尾部生长一截

以上也便是我的实现步骤了，下面分享一些更详细的实现思路。