贪食蛇 改进版（代码量还是很大^_^偶水平还有限）

andensy 2010-01-25 08:27:16
<!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>
<TITLE> 贪食蛇*Andensy</TITLE>
<script>
var mapWH = 660;
var size = 20;
var computerID ;
var snake;
var tail;
var length =0;
var olddir;
var direction="right" ;
var timer=200;
var coner = new Array();
var flag = false;
var t ;
function suiJi()
{
var x=Math.round(Math.random()*(size-1)); //行
var y=Math.round(Math.random()*(size-1)); //列
if(x==0)
x=x+1;
else if(x==(size-1))
x=x-1;
if(y==0)
y=y+1;
else if(y==(size-1))
y=y-1;
computerID=x+"_"+y;
document.getElementById(computerID).style.backgroundColor="black";
}
function printMap()
{
snake = (size/2)+"_"+(size/2+1);
tail = (size/2)+"_"+(size/2);
var tableObj = document.createElement("table");
tableObj.style.width = mapWH +"px";
tableObj.style.height = mapWH+"px";
tableObj.border="1px";
var tbodyObj = document.createElement("tbody");
for(var i=0 ;i<size;i++)
{
var trObj=document.createElement("tr");
for(var j=0 ;j<size;j++)
{
var tdObj = document.createElement("td");
tdObj.style.border="rgb(128,128,255) solid 1px";
tdObj.id=i+"_" +j;
if(i==0 ||j==0|i==size-1|j==size-1)
{
tdObj.style.border="rgb(223,223,223) solid 1px";
}
if(i+"_"+j==snake)
{
tdObj.style.backgroundColor="red";
}
if(i+"_"+j==tail)
{
tdObj.style.backgroundColor="green";
}
var txt=document.createTextNode(" ");
tdObj.appendChild(txt);
trObj.appendChild(tdObj);
}
tbodyObj.appendChild(trObj);
}
tableObj.appendChild(tbodyObj);
document.getElementById("map_div").appendChild(tableObj);
suiJi();
}
function gamStart()
{
printSnake()
t =setTimeout ("gamStart()",timer);
}
function stopGam()
{
clearTimeout(t);
}
function printSnake()
{
var xy=snake.split("_");
var x=xy[0]-0;
var y=xy[1]-0;
var Eat=false;
if(y<size-1&y>0&x<size-1&x>0&!eatBody())
{
if(snake==computerID)
{
Eat=true;
suiJi();
length=length+1;
document.getElementById("num").value=length;
}
printHead();
printBody();
printTail(Eat);

}else
{
alert("撞墙啦，你输了~^_^！您的战绩为："+length);
var l =location ;
location = l
}
}
function eatBody()
{
var xy=snake.split("_");
var x=xy[0]-0;
var y=xy[1]-0;
var flag=true;
if(coner.length>0)
{
for(var i=0;i<coner.length-2;i++)
{
var he=coner[i];
var te;
if(i==0)
{
te=tail;
}else
{
te=coner[i-1];
}
var axy=he.split("_");
var bxy=te.split("_");
var ax=axy[0]-0;
var bx=bxy[0]-0;
var ay=axy[1]-0;
var by=bxy[1]-0;
if(ax==bx)
{
if(ax==x)
{
if(ay>by)
{
if(y<=ay&y>=by)
{flag=false;
break;
}
}else if(ay<by)
{
if(y>=ay&y<=by)
{
flag=false;
break;
}
}
}
}else if(ay==by)
{
if(ay==y)
{
if(ax>bx)
{
if(x<=ax&x>=bx)
{flag=false;
break;
}
}else if(ax<bx)
{
if(x>=ax&x<=bx)
{
flag=false;
break;
}
}
}
}
}
}
if(!flag)
{
printHead();
alert("咬到尾巴啦，你输了~^_^！您的战绩为："+length);
var l =location ;
location = l
}

}
function printBody()
{
if(coner.length>0)
{
for(var i=1;i<coner.length;i++)
{
Body(coner[i],coner[i-1]);
}
}
}
function printTail(eat)
{
var head="";
if(coner.length>0)
{
head=coner[0];
}else
{
head=snake;
}
var hxy = head.split("_");
var hx = hxy[0]-0;
var hy = hxy[1]-0;
var txy= tail.split("_");
var tx = txy[0]-0;
var ty = txy[1]-0;
if(hx==tx)
{
//同一行
if(hy>ty)
{
for(var y=ty;y<hy;y++)
{
$(hx+"_"+y).style.backgroundColor = "green";
}
if(!eat)
{
$(tail).style.backgroundColor="";
ty=ty+1;
tail=hx+"_"+ty;
}
}else if(ty>hy)
{
for(var y=ty;y>hy;y--)
{
$(hx+"_"+y).style.backgroundColor = "green";
}
if(!eat)
{
$(tail).style.backgroundColor="";
ty=ty-1;
tail=hx+"_"+ty;
}
}
if(tail==head)
{
var s=coner.shift();
}
}else if(hy==ty)
{
//同一列
if(hx>tx)
{
for(var x=tx;x<hx;x++)
{
$(x+"_"+hy).style.backgroundColor = "green";
}
if(!eat)
{
$(tail).style.backgroundColor="";
tx=tx+1;
tail=tx+"_"+ty;
}
}else if(hx<tx)
{
for(var x=tx;x>hx;x--)
{
$(x+"_"+hy).style.backgroundColor = "green";
}
if(!eat)
{
$(tail).style.backgroundColor="";
tx=tx-1;
tail=tx+"_"+ty;
}
}
if(tail==head)
{
var s=coner.shift();
}
}
}
function printHead()
{
var xy=snake.split("_");
var x=xy[0]-0;
var y=xy[1]-0;
$(x+"_"+y).style.backgroundColor = "green";
if(direction=="left")
{
y=y-1;
snake=x+"_"+y;
$(snake).style.backgroundColor="red";
}else if(direction=="up")
{
x=x-1;
snake=x+"_"+y;
$(snake).style.backgroundColor="red";
}
else if(direction=="right")
{
y=y+1;
snake=x+"_"+y;
$(snake).style.backgroundColor="red";
}
else if(direction=="down")
{
x=x+1;
snake=x+"_"+y;
$(snake).style.backgroundColor="red";
}
}
function Body(head,tail)
{
var hxy = head.split("_");
var hx = hxy[0]-0;
var hy = hxy[1]-0;
var txy= tail.split("_");
var tx = txy[0]-0;
var ty = txy[1]-0;
if(hx==tx)
{
//同一行
if(hy>ty)
{
for(var y=ty;y<=hy;y++)
{
$(hx+"_"+y).style.backgroundColor = "green";
}
}else if(ty>hy)
{
for(var y=ty;y>=hy;y--)
{
$(hx+"_"+y).style.backgroundColor = "green";
}
}
}else if(hy==ty)
{
//同一列
if(hx>tx)
{
for(var x=tx;x<=hx;x++)
{
$(x+"_"+hy).style.backgroundColor = "green";
}
}else
{
for(var x=tx;x>=hx;x--)
{
$(x+"_"+hy).style.backgroundColor = "green";
}
}
}
}
function listenKey(e){
e = e || event;
document.get
switch (e.keyCode || e.which || e.charCode) {
case 32: // space
if(!flag){
gamStart();
flag=true;
}else {
stopGam();
flag=false;
}
break;
case 37:
if(olddir!="right"&olddir!="left"&flag){
coner.push(snake);
direction="left";
olddir="left";
}
break;
case 38:
if(olddir!="down"&olddir!="up"&flag){
coner.push(snake);
direction="up";
olddir="up";
}
break;
case 39:
if(olddir!="left"&olddir!="right"&flag){
coner.push(snake);
direction="right";
olddir="right";
}
break;
case 40:
if(olddir!="up"&olddir!="down"&flag){
coner.push(snake);
direction="down";
olddir="down";
}
break;
}
}
$=function(id){
return document.getElementById(id);
}
</script>
</HEAD>
<body onload="printMap()" onkeydown="listenKey(event)" style="font-size:10pt" >
<form id="form1">
<center>
<br><br><br>
<div id="map_div"></div>
<br>
*按空格键开始或暂停游戏，按↑、↓、←、→键控制方向<br>
成绩：<input type="text" id="num" />
</center>
</form>
</body>
</HTML>
...全文
103 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
这行不好混啊 2011-09-01
  • 打赏
  • 举报
 回复
我试了下发现个bug 开始后你使劲狂按上下左右时 没吃到食物蛇也会变长
andensy 2010-01-26
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 zswang 的回复:]
兴趣是最好的老师，楼主是很有希望的。

建议：作为职业程序员要养成一些习惯
1、代码要整洁 -- 包括递进、适当空白、注释；
代码其实就是文档，虽然是由机器解析，但更多的时候是由人来编写和维护；
代码更多是给人看的，而不是给机器，机器只知道按语法解析。

2、用面向对象的方法开发
面向对象是站在事物本身来思考问题，对这个事物内在属性和功能进行描述，抽象出数据间的关系；
以该贪吃蛇为例，如果要改成单机两个人同时玩，加一个地图，那工作量会变大。
而在我写的例子中，只需要new两个实例
JScript codenew Snake();new Snake();
写程序其实就是分解问题和逐步求精的过程，面向对象能把问题分离出来。

多动手就好了
[/Quote]
前辈指教的是，代码习惯是需要改变以后会多多注意；js面向对象方法的使用也是这两天才刚接触，有时间再把这个改改。
多谢！
andensy 2010-01-26
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 nanjim 的回复:]
发现一个新的bug。。。就是新出来的黑点出现在蛇身上的问题，出现在蛇身上的黑点只会一闪而过，然后就变成白色的了，如果没有注意看，能把你找死去
[/Quote]
你说这个有这个情况，我碰到过，只是不知道为什么这样，多谢被你给找出来了！3Q！知道问题就好办了！
王集鹄 2010-01-26
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 firefive_um 的回复:]
function listenKey(e){
    e = e || event;
document.get
红色字体部分有问题
[/Quote]

那是我做测试的时候留下的残留物 o(╯□╰)o，copy的时候也要读读。
王集鹄 2010-01-26
  • 打赏
  • 举报
 回复

兴趣是最好的老师，楼主是很有希望的。

建议：作为职业程序员要养成一些习惯
1、代码要整洁 -- 包括递进、适当空白、注释；
代码其实就是文档，虽然是由机器解析，但更多的时候是由人来编写和维护；
代码更多是给人看的，而不是给机器，机器只知道按语法解析。

2、用面向对象的方法开发
面向对象是站在事物本身来思考问题，对这个事物内在属性和功能进行描述，抽象出数据间的关系；
以该贪吃蛇为例，如果要改成单机两个人同时玩，加一个地图，那工作量会变大。
而在我写的例子中，只需要new两个实例
new Snake();

new Snake();

写程序其实就是分解问题和逐步求精的过程，面向对象能把问题分离出来。

多动手就好了
游园密语 2010-01-26
  • 打赏
  • 举报
 回复
发现一个新的bug。。。就是新出来的黑点出现在蛇身上的问题，出现在蛇身上的黑点只会一闪而过，然后就变成白色的了，如果没有注意看，能把你找死去
firefive_um 2010-01-26
  • 打赏
  • 举报
 回复
function listenKey(e){
e = e || event;
document.get
红色字体部分有问题
andensy 2010-01-26
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 airelisa 的回复:]
你也不错了，我看了他写的那个，真是不错。
[/Quote]
努力追赶！^_^
airelisa 2010-01-26
  • 打赏
  • 举报
 回复
你也不错了，我看了他写的那个，真是不错。
andensy 2010-01-25
  • 打赏
  • 举报
 回复
有以下修改：
1、浏览器兼容性，可以在火狐上运行
2、判断吃尾巴事件，吃到尾巴时游戏结束
3、暂停时继续按方向键蛇身增长bug
4、连续按方向键蛇身增长bug
5、重新整理几个函数，代码量有所下降

不过，由于水平有限代码量依然很大。比起zswang前辈的即兴贪食蛇，依旧难望其项背，需继续努力！^_^
使用强化学习快速让AI学会玩贪食蛇游戏(轻量级二十分钟训练+代码)
如何让AI玩会贪食蛇，甚至比你厉害概述构建问题(强化学习求解的一般步骤)环境动作定义状态定义奖励设计训练奖励值收敛图效果代码 概述 所用技术：强化学习(Deep Reinforcement Learning)，属于一种无监督学习，利用奖励rewardrewardreward教会智能体AgentAgentAgent在合适的场景做合适的决策。 采用算法：试过两种算法D3QN和离散版本的PPO算法，最终采用离散版本PPO算法+GAE（PPO是我用过的性能最好的算法之一） 编程语言与深度学习框架：Python3.
【SFML 贪吃蛇】 FDU_OOP 大作业报告
面向对象C++大作业报告 193XXXXXXXX 聂XX 作业简介：修改github上的一个snake游戏项目，添加一些特性和功能，需要满足下面的需求。 贪食蛇的控制 源代码只支持 4 个方向的运行，增加可以通过鼠标控制贪食蛇的运动。当按下鼠标键时，设 置 一 个 方向 向 量 ， 该 方 向 向 量 为 鼠 标 所 在 位 置 (MousePosition) 与 蛇 头 所 在 位 置(SnakePosition)的差值。下一时刻，贪食蛇按照该向量的方向运动；运动的距离为 1 个标准单位。 水果的
基于Java的贪吃蛇游戏设计与实现
本次设计实验完成后，让我对程序的设计、实现、调试与维护进行了切实的体验。深刻的了解到了前期设计对于整个软件编程过程是多么重要。因为设计的不完善，在随后的调试当中走了好多的弯子。而实际上,本次设计代码实现当中所出现的绝大部分问题,都是由于我在前期设计时候的不完善,设计太粗犷所引起的。而实际上整个过程中唯独编程（即实现）所花时间是最少的，在调试阶段所花的时间最多。但幸运的是，因为采用螺旋式设计方式帮助我解决了很大一部分问题，并让我对设计的理解的深化，虽然由于时间问题，我在工作过程中的很多有趣的设想并没有完成。
贪吃蛇游戏程序设计
一、基本内容描述 运用java技术开发出贪吃蛇游戏，这个程序是用一个小矩形表示蛇的一节身体，身体每长一节，增加一个矩形块。移动时必须从蛇头开始，也就是蛇尾不能改作蛇头。当游戏者按了方向键后，蛇头朝着指定的方向移动，一步移动一节身体。图形的实现是从蛇头的新位置开始画出蛇。用户可以用上下左右键控制蛇头的方向,用空格键暂停或继续，非常简单！ 可以实现如下功能： 贪吃蛇游戏是大家很常见...
LGame-0.3(Android与JavaSE游戏引擎)正式发布，新增SRPG制作模块
LGame-0.3(Android与JavaSE游戏引擎)正式发布，新增SRPG制作模块，并伴随有大量改进。
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章