首页 > 代码库 > Day8--------easyMaze

Day8--------easyMaze

 //----------使用前面所做的鼠标尾星完成迷宫类游戏,玩家需要在不断移动中找到出口,然而身体不能碰触到墙壁,否则游戏失败
//----没有完成的------没有完成整个游戏的绘制,只做了基本的游戏机制,觉得没什么趣味性,等有好的idea的时候再把它完成
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>easyMaze</title> 6 </head> 7 <style type="text/css"> 8 div{width: 5px;height: 5px;position: absolute;background: red;left: 100px;top: 100px;} 9 </style>10 <script type="text/javascript">11 window.onload=function(){12 for(i=0;i<8;i++) document.body.innerHTML+=document.body.innerHTML;13 oDiv=document.getElementsByTagName(‘div‘);14 for(i=31;i<oDiv.length;i++){15 if(i%2) oDiv[i].style.top=oDiv[i].offsetTop+60+‘px‘;16 oDiv[i].style.left=oDiv[i].offsetLeft+Math.ceil(i/2)*5+‘px‘;17 oDiv[i].onmouseover=function(){alert(‘Game Over.‘);};18 }19 document.onmousemove=function(ev){20 oEvent=ev||event; 21 for(i=0;i<31;i++){ 22 oDiv[i].style.left=oDiv[i+1].offsetLeft+‘px‘;23 oDiv[i].style.top=oDiv[i+1].offsetTop+‘px‘;24 }25 oDiv[30].style.left=oEvent.clientX+‘px‘;26 oDiv[30].style.top=oEvent.clientY+‘px‘;27 }28 }29 </script>30 <body>31 <div></div>32 </body>33 </html>

 

Day8--------easyMaze