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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值