JS网页推箱子

最新推荐文章于 2023-10-26 00:09:59 发布

nceuaprsf

最新推荐文章于 2023-10-26 00:09:59 发布

阅读量875

点赞数

文章标签： javascript JS网页推箱子调试 firefox firebug

本文链接：https://blog.csdn.net/aaron_si/article/details/24495161

版权

博主分享了通过Firefox和Firebug调试JavaScript实现的网页推箱子游戏的历程，详细介绍了在遇到问题和解决过程中的学习体验，并表示游戏还有待进一步优化和更新。

摘要由CSDN通过智能技术生成

这一周完成了这个推箱子游戏，中间出现了很多问题，有时也总运行不出结果，这过程中我学会了使用Firefox+Firebug来进行调试，虽然这过程是先看懂别人的代码再去实现，但感觉收获也很大。这个推箱子还有很多很多需要加强的地方，未来还会不断改进它。

-------------------------------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------------------------------------

<html>
<head>

<title>JS网页推箱子</title>
<script type="text/javascript">
var win=0;
var positionx=1;
var positiony=1;
var x=30;
 var y=30;
 var mapdate=new Array(15);
 var mapdate1=new Array(
"11111111111111111111",
"10000000100000000001",
"10010000100001100001",
"10010020100000000001",
"10010000000000000301",
"10010111110000003001",
"10000001000000000301",
"10000001000000000001",
"10000001000000000001",
"10000001000001111001",
"10000000000000000001",
"10000000011110001001",
"10020200000000001001", 
"10000000000000001001",
"11111111111111111111")

function  makemap()
{for(var i=0;i<15;i++)
	{mapdate[i]=new Array(20);
	 for(var j=0;j<20;j++)
		{mapdate[i][j]=mapdate1[i].substr(j,1);
		 var ae=document.createElement("div");
		 ae.id="box"+i+"_"+j;
		 ae.className="map"+mapdate[i][j];
		 
		 ae.style.pixelLeft=x;
		 ae.style.pixelTop=y;
		 gamearea.appendChild(ae);