推箱子源小游戏代码
- 格式:docx
- 大小:21.28 KB
- 文档页数:5
*{margin:0px; padding:0px;}
.bg{margin:0px;width:32px;height:32px;background-image: url(gameImg/01.jpg);float:left;} /*背景*/
.box{margin:0px;width:32px;height:32px;background-image: url(gameImg/05.jpg);float:left;} /*箱子*/
.box2{margin:0px;width:32px;height:32px;background-image: url(gameImg/06.jpg);float:left;} /*箱子2(放目标上)*/
.wall{margin:0px;width:32px;height:32px;background-image: url(gameImg/03.jpg);float:left;} /*墙*/
.goal{margin:0px;width:32px;height:32px;background-image: url(gameImg/02.jpg);float:left;} /*目标*/
.role{margin:0px;width:32px;height:32px;background-image: url(gameImg/04.jpg);float:left;} /*角色*/
var maxX = 10;
var maxY = 10;
var mapAry =[ //地图状态数组0:墙 1:路 2:目标
[1,1,0,0,0,0,0,0,1,1],
[0,0,0,1,1,2,1,0,0,0],
[0,1,1,2,1,1,1,1,1,0],
[0,1,0,1,0,2,1,0,1,0],
[0,1,1,2,1,2,1,0,1,0],
[0,0,0,1,1,1,1,1,1,0],
[1,1,0,1,1,2,0,0,0,0],
[1,1,0,1,1,1,0,1,1,1],
[1,1,0,1,1,1,0,1,1,1],
[1,1,0,0,0,0,0,1,1,1]];
var imgAry = new Array(); //地图图片数组
var role = new Point(4,2); //创建角色坐标
var boxs = [new Point(2,2),new Point(2,4),new Point(2,5),
new Point(2,6),new Point(6,4),new Point(5,5)]; //创建箱子坐标数组
//定义坐标类
function Point(x,y){
this.x = x;
this.y = y;
}
//创建单个方块
function CreateDiv(obj,css){
var d = document.createElement(obj); //创建一个DIV 元素
d.className = css; //设置样式
document.getElementById("main").appendChild(d);
return d;
}
//初始化界面
function Show(){
//显示地图
for (var i=0; i imgAry[i] = new Array(); for (var j=0; j if(mapAry[i][j]==0){ imgAry[i][j]= CreateDiv("div","wall"); } else if(mapAry[i][j]==1){ imgAry[i][j]= CreateDiv("div","bg"); } else if(mapAry[i][j]==2){ imgAry[i][j]= CreateDiv("div","goal"); } } } //显示角色 imgAry[role.x][role.y].className = "role"; //显示箱子 for (var i=0; i imgAry[boxs[i].x][boxs[i].y].className = "box"; } } //控制角色移动 function RoleMove(k){ var p = new Point(role.x,role.y); //保存角色移动前的坐标 //改变角色坐标 if(k==37){ //向左 role.y--; } else if(k==38){ //向上 role.x--; } else if(k==39){ //向右 role.y++; } else if(k==40){ //向下