贪吃蛇游戏代码(javascript编写)

最新推荐文章于 2024-05-02 14:46:08 发布

paypal1987

最新推荐文章于 2024-05-02 14:46:08 发布

阅读量1.9k

点赞数

文章标签： javascript 游戏 function div class

本文链接：https://blog.csdn.net/jxayxym/article/details/2473826

版权

<html>

<head>

<title>简单贪吃蛇</title>

<!--

.food{background-color:green}

.snake{background-color:red}

-->

</style></head><body onLoad="javascript:createmap();">

<!--

var num=15; //每个格子宽

var rows=20; //行

var cols=30; //列

var borderwidth=5;

var map;

//创建地图

function createmap()

{

var x=0;

var y=0;

bw=num*cols+2*borderwidth;

bh=num*rows+2*borderwidth;

document.body.innerHTML='<div id=mainmap style=position:absolute;left:'+(document.body.clientWidth-bw)/2+';top:'+(document.body.clientHeight-bh)/2+';width:'+bw+';height:'+bh+';border-width:'+borderwidth+';border-style:outset;border-color:#0000ff></div>';

map=new Array();

for(y=0;y<rows;y++){

map[y]=new Array();

for(x=0;x<cols;x++)

map[y][x]='0';

}

sx=parseInt(Math.random()*cols);

sy=parseInt(Math.random()*rows);

createfood();

createsnake();

alldiv=mainmap.all.tags('DIV');

allspan=mainmap.all.tags('SPAN');

}

//创建食物的位置

function createfood()

{

fx=parseInt(Math.random()*cols);

fy=parseInt(Math.random()*rows);

if(map[fy][fx]=='0')

{

mainmap.innerHTML+='<span style=position:absolute;left:'+fx*num+';top:'+fy*num+';width:'+num+';height:'+num+';overflow:hidden class=food></span>';

map[fy][fx]='f';

}

else

createfood();

}

//创建蛇的位置

function createsnake()

{

mainmap.innerHTML+='<div x='+sx+' y='+sy+' style=position:absolute;left:'+sx*num+';top:'+sy*num+';width:'+num+';height:'+num+';overflow:hidden class=snake></div>';

map[sy][sx]='s';}

//方向监听

document.οnkeydοwn=keydown;

function keydown()

{

key=event.keyCode;

switch(key) {

case 37://左

dir(-1,0);

break;

case 38://上

dir(0,-1);