Javascript原生实现推箱子游戏

Date:2013/02/10 Cat:开发者手册 Word:共1206字 Tags：Javascript原生实现推箱子游戏

文章目录「隐藏」

关于：

关于：

这段代码主要是为了检验自己学习Javascript的成果，游戏其实很简单，主要思维，里面我尽量的标记注释了代码的重要思维的地方。在下也是新手，如果有什么地方可以改进或者不对的地方，非常欢迎您请指出。下面是主要的Javascript代码，完整的代码可以点击在线预览里获取。

完整的代码：

<html>
<head>
    <meta charset="UTF-8" />
</head>
<body>

http://dom.js
</body>
</html>

        <style></style>
                function $id(id){return document.getElementById(id)};
function $name(name){return document.getElementsByName(name)};
//定义地图开始
var box =[]
var map1 = [
[0,0,0,1,1,1,0,0,0,0],
[0,0,0,1,4,1,0,0,0,0],
[0,0,0,1,0,1,1,1,1,0],
[0,1,1,1,2,0,2,4,1,0],
[0,1,4,0,2,3,1,1,1,0],
[0,1,1,1,1,2,1,0,0,0],
[0,0,0,0,1,4,1,0,0,0],
[0,0,0,0,1,1,1,0,0,0]
]
var map2 = [
[1,1,1,1,1,0,0,0,0,0],
[1,0,0,0,1,0,0,0,0,0],
[1,0,2,2,1,0,1,1,1,0],
[1,3,2,0,1,0,1,4,1,0],
[1,1,1,0,1,1,1,4,1,0],
[0,1,1,0,0,0,0,4,1,0],
[0,1,0,0,0,1,0,0,1,0],
[0,1,0,0,0,1,1,1,1,0],
[0,1,1,1,1,1,0,0,0,0]
]
box.push(map1);
box.push(map2);
//定义地图结束
//定义游戏配置开始
var gameConfig={
"person":{//定义人物配置
"x":0,
"y":0,
"id":"person"
},
"map" : 0,//定义地图
"endpointNumber":0, /*用来存储当前关卡的终点数目, 见 createGame函数 switch case 4 .*/
"box":{//定义每个div的参数
"x":"50",
"y":"50"
},
"ko" : 0 ,//定义箱子是否在终点上
};
//定义游戏配置结束
//创建游戏开始
function createGame(){
//定义控制整体的div，用于当本关结束后消除上一关的地图。
$id("cell").innerHTML="";
$id("cell").style.position="absolute";
$id("cell").left ="0px";
$id("cell").top = "0px";
//定义控制整体div结束
//创建游戏循环
for(var i=0;i

本文首发于：Javascript原生实现推箱子游戏-伍仪洲的博客

《Javascript原生实现推箱子游戏》留言数：0

发表留言取消回复