文件名称：push-box:推箱子小游戏
文件大小：102KB
文件格式：ZIP
更新时间：2024-06-02 01:42:08
JavaScript
推箱子小游戏:package: Vue 2.0 + Jquery 开发的推箱子小游戏 游戏规则 把散乱在各处的箱子推回它原来的位置即可获得胜利 实现思路 整体思路 可以把屏幕*的方格抽象成一个坐标系，左上角向右为x轴正方向，向下为y轴正方向。 通过坐标控制地图的渲染、角色的移动和箱子的移动。 地图 地图的初始状态写在levels.js文件中，包括关卡编号、地图围墙、角色初始位置、箱子初始位置和箱子的目的地 网页加载时利用Vue的v-for把这些位置的相应图标渲染出来并动态绑定id 目前游戏只有一关，想玩其他关卡，把相应关卡地图的坐标写入文件即可 角色行为 游戏开始后开始监听键盘事件，在按上下左右键时触发go()方法，修改角色坐标，替换相应图标以达到角色移动的目的 每一次角色移动都会判断下一步的位置，如果是墙，则终止行为，如果是箱子，则跟随角色一起移动 胜利 每一次角色行为结束就判断箱子位置与终点位置是否
【文件预览】：
push-box-master
----package.json(266B)
----package-lock.json(12KB)
----.gitignore(12B)
----public()
--------index.js(6KB)
--------index.html(920B)
--------imgs()
--------levels.js(364B)
--------style.css(960B)
----app.js(177B)
----README.md(2KB)