求『javascript』写贪吃蛇的思路 20
<html><head><title>贪吃蛇</title><style>#div1{border:5pxsolid#708090;width:520px;margin:...
<html>
<head>
<title>贪吃蛇</title>
<style>
#div1{border:5px solid #708090;width:520px;margin:170px;}
table{margin:10px;border-collapse:collapse;border-spacing:0;background-color:#EAEAEA}
td{width:10px;height:10px;border:1px solid black;}
</style>
<script type="text/javascript" language="javascript">
var rows=20;
var cols=40;
//创建地图
function map()
{
mydiv = document.getElementById("div1");
mytable = document.createElement("table");
for(j = 0; j < rows; j++)
{
row = document.createElement("tr");
for(i = 0; i < cols; i++)
{
cell = document.createElement("td");
row.appendChild(cell);
}
mytable.appendChild(row);
}
mydiv.appendChild(mytable);
}
</script>
</head>
<body onload="map()">
<div id="div1"></div>
</body>
</html>
//表格我已经创建好了，我想在上面表格的基础上来改变表格的背景颜色实现贪吃蛇的移动、增加身长，需要怎么个思路？ 展开
<head>
<title>贪吃蛇</title>
<style>
#div1{border:5px solid #708090;width:520px;margin:170px;}
table{margin:10px;border-collapse:collapse;border-spacing:0;background-color:#EAEAEA}
td{width:10px;height:10px;border:1px solid black;}
</style>
<script type="text/javascript" language="javascript">
var rows=20;
var cols=40;
//创建地图
function map()
{
mydiv = document.getElementById("div1");
mytable = document.createElement("table");
for(j = 0; j < rows; j++)
{
row = document.createElement("tr");
for(i = 0; i < cols; i++)
{
cell = document.createElement("td");
row.appendChild(cell);
}
mytable.appendChild(row);
}
mydiv.appendChild(mytable);
}
</script>
</head>
<body onload="map()">
<div id="div1"></div>
</body>
</html>
//表格我已经创建好了，我想在上面表格的基础上来改变表格的背景颜色实现贪吃蛇的移动、增加身长，需要怎么个思路？ 展开
1个回答
展开全部
首先：
贪吃蛇运动的控制变量：速度，方向，长度。这三个变量是全局变量。
控制方向：绑定一个onkeycode事件：http://www.phpweblog.net/kiyone/archive/2007/04/19/1138.html 在这里面寻找操作按键对应的keycode。
速度和长度的变化：直接改变变量即可。
然后设定移动的间隔时间：用setTimeout(function(){},1000);设定函数执行的间距时间。
贪吃蛇运动的控制变量：速度，方向，长度。这三个变量是全局变量。
控制方向：绑定一个onkeycode事件：http://www.phpweblog.net/kiyone/archive/2007/04/19/1138.html 在这里面寻找操作按键对应的keycode。
速度和长度的变化：直接改变变量即可。
然后设定移动的间隔时间：用setTimeout(function(){},1000);设定函数执行的间距时间。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
