网页游戏“贪食蛇”简析

　2010-09-14 13:08:59　来源：WEB开发网　　　

核心提示： 题外问题：本人在调试的时候打算给原来的代码加一段方格显示功能，就写了个ShowGrid()函数，网页游戏“贪食蛇”简析(2)，采用代码生成方格，但由于在2层循环内完成方格显示，改进建议：采用图片，既美观，效率十分低下，生成15*10的方格需要大约6秒

题外问题：本人在调试的时候打算给原来的代码加一段方格显示功能，就写了个ShowGrid()函数，采用代码生成方格。但由于在2层循环内完成方格显示，效率十分低下，生成15*10的方格需要大约6秒。生成30*20 的方格竟然需要几分钟。基本不能采用此方法。改进建议：采用图片，既美观，速度也快。

　　<HTML> 　　<head> 　　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 　　　<title>贪吃蛇</title> 　　</head>

　　<STYLE> 　　　.Food { background-color: green;} 　　　.Snake {background-color: red;} 　　　.grid {border:1px solid #000} 　　</STYLE>

　　<SCRIPT langyage="javascript"> 　　　var Rows=10 　　　var Cells=15 　　　var Num=20　//正方形格子的边长　　　var BorderWidth=5 　　　var SpeedUp=5000

　　　//创建地图　　　function CreateMap() 　　　{ 　　　　BW = eval(Cells*Num + 2*BorderWidth)　//宽度　　　　BH = eval(Rows*Num + 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>'