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

Day8--------easyMaze

2024-08-04 22:34:19   218人阅读

 //----------使用前面所做的鼠标尾星完成迷宫类游戏，玩家需要在不断移动中找到出口，然而身体不能碰触到墙壁，否则游戏失败
 //----没有完成的------没有完成整个游戏的绘制，只做了基本的游戏机制，觉得没什么趣味性，等有好的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


联系
我们