box-boy

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #golang #go #android #rust #linux #docker #macos #nodejs #windows #awesome #open-source

(★ 8)

一个简单的前端益智小游戏

box-boy 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 盒子男孩

使用前端实现的一个小型的益智游戏，基本规则就是方向键操作主角走到终点。在过程中增加了一些障碍和道具来丰富游戏内容。附带一个简易的关卡编辑器，官方关卡均出自该编辑器。

游戏内容的话这里就不多做说明，可以在下面的地址试玩:

[游戏地址](http://boxboy.lcgss.com/)

游戏可以在微信中运行，不过移动端是无法进入编辑器的

---
# 编辑器说明
编辑器的界面基本如下

![img1](https://raw.githubusercontent.com/wurichengn/box-boy/master/img/1.jpg)

左侧为编辑器面板，右侧为地图

其中左侧的面板被分为几个部分：

其中在选中`方块设置`或者`方块属性`面板时，点击右边地图的方块会得到具体的响应，其他面板无响应。

选中`方块设置`面板时点击右边的方块会将指定的方块铺设到指定的位置

选中`方块属性`面板时点击右边的方块会显示方块属性，并且可以在左侧面板修改参数

## 地图层面板

![img1](https://raw.githubusercontent.com/wurichengn/box-boy/master/img/2.jpg)

地图层有如下功能：

如果测试时没有地图出现，可能是`初始地图`栏之前选中的图层被删除了。

## 方块放置面板

![img1](https://raw.githubusercontent.com/wurichengn/box-boy/master/img/3.jpg)

进入方块放置面板后可以进行方块的铺设，游戏将方块分为两层，分别是`地面层`和`物体层`。其中`地面层`就是在底部的部分，比如冰面或是终点。`物体层`就是在地面层上的部分，比如箱子或者墙体等。在地图开始的时候，相同的层只能放置一个物体。

在左侧面板中选择物体后在右侧地图中点击就可以进行物体的铺设了，可以鼠标按下后移动鼠标进行连续铺设。

## 方块属性面板

![img1](https://raw.githubusercontent.com/wurichengn/box-boy/master/img/4.jpg)

进入方块属性面板后，需要在右侧地图中单击方块才可以在这里进行操作。

上方显示方块的坐标和类型，下方显示该方块可设置的参数和参数设置的输入框，具体的内容根据不同的方块而定。

## 调试/生成面板

![img1](https://raw.githubusercontent.com/wurichengn/box-boy/master/img/5.jpg)

当地图设计的差不多的时候，可以在这里进行运行，或者是将地图生成为文字代码、将别处的文字代码载入为地图等操作。提交地图和提交为新地图是将地图提交到社区，相当于保存和另存为。这两个功能需要登陆了社区才可以使用。

当把代码提交到社区前，请先测试确保关卡可以通过。

# 代码说明
项目的源码开放出来了，因为属于个人开发，没有太强的维护能力，如果有兴趣的可以直接将代码拿来使用，如果您将代码放到您平台上维护，请给我说一声，我非常乐意关闭个人的渣渣服务器。

box-boy

box-boy 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

box-boy

box-boy 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README