HTML5-原生js智能推箱子-1.开发流程

开发环境:

支持html5的浏览器

语言:javascript脚本语言

渲染引擎:canvas

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

项目目录截图:

​

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

index.html入口html文件

下面是js说明:

data.js 储存了游戏中所使用的地图信息，箱子信息，终点信息(这里可以随意改变哦 机器人都可以推ps:前提是要能推成功)

index.js 主要的流程控制js

screen.js 场景加载对象的js构造文件

source.js 资源加载对象的构造文件

tick.js 计时器对象的构造文件

utils.js 工具对象的文件

sprite.js 精灵对象的构造文件

user.js 用户操作对象的文件

robot.js 机器人对象的构造文件

下面是主要开发流程说明:

1.开发流程梳理

2.渲染对象构造 sprite.js

3.计时器对象的构造tick.js

4.资源对象的构造source.js

5.工具对象的编写utils.js

6.场景对象的编写screen.js

7.用户对象的编写 user.js

8.主要流程控制index.js编写

9.data.js地图数据的编写

10.机器人对象 robot.js对象的编写(这也是我们这个项目的核心js)

这是我们要做的目标

​

​

项目开源地址:

github.com/yinhui11297…

游戏开发交流群:

859055710

转载于:https://juejin.im/post/5c17a8be6fb9a049b347e5f9