HTML5-原生js智能推箱子-6.工具类和data.js的说明

开发环境:

支持html5的浏览器

语言:javascript脚本语言

渲染引擎:canvas

碰撞:采用点型地图判断下一步移动区域能否移动

项目目录截图:

img文件夹是储存项目所需要的图片文件

index.html入口html文件

工具类 utils.js

utils.js

我们的工具类就比较简单了 只有两个方法一个是根据map的index转化为我们的坐标 一个是将坐标转化为我们的index

axisToNum是将坐标转化为index 数组索引

numToAxis 是将数组索引转化为我们的坐标

数据储存文件data.js

data.js

我们的data.js中只有一个变量就是data

map属性储存了我们的地图信息

data.js

我们这里只有三种情况1表示的是墙 0表示的是可以移动的背景 2表示的是什么都没有

mapInfo储存了我们的地图宽度和高度信息

data.js

source储存了我们每一关需要的资源加载地址

data.js

box属性储存了我们每一关箱子的位置信息

data.js

end储存了我们每一关终点的位置信息

data.js

user储存了我们每一关用户视图出来的位置信息

data.js

这是我们要做的目标

项目开源地址:

https://github.com/yinhui1129754/aitxz

游戏开发交流群:

859055710