134 lines
4.1 KiB
Markdown
134 lines
4.1 KiB
Markdown
[](LICENSE)
|
||
|
||
<h1 align="center">盖楼游戏</h1>
|
||
<p align="center"><img src="https://o2qq673j2.qnssl.com/tower-loading.gif"/></p>
|
||
|
||
> 一个基于 Canvas 的盖楼游戏
|
||
|
||
> Tower Building Game (Tower Bloxx Deluxe Skyscraper)
|
||
|
||
## Demo 预览
|
||
|
||
<p align="center"><img src="https://user-images.githubusercontent.com/17680888/47480922-93a20c00-d864-11e8-8f7c-6d1d60184730.gif"/></p>
|
||
<h2 align="center"><a href="https://iamkun.github.io/tower_game">在线预览地址 (Demo Link)</a></h2>
|
||
<h4 align="center">手机设备可以扫描下方二维码</h4>
|
||
<p align="center">
|
||
<img src="https://user-images.githubusercontent.com/17680888/47480646-abc55b80-d863-11e8-9337-4ea768ebe55d.png" />
|
||
</p>
|
||
|
||
## Game Rule 游戏规则
|
||
|
||
以下为默认游戏规则，也可参照下节自定义游戏参数
|
||
|
||
- 每局游戏生命值为 3，掉落一块楼层生命值减 1，掉落 3 块后游戏结束，单局游戏无时间限制
|
||
- 成功盖楼加 25 分，完美盖楼加 50 分，连续完美盖楼额外加 25 分，楼层掉落扣除生命值 1，单局游戏共有 3 次掉落机会
|
||
|
||
栗子：第一块完美盖楼加 50 分，第二块连续完美盖楼加 75 分，第三块连续完美盖楼加 100 分，依此类推……
|
||
|
||
<p align="center">
|
||
<img src="https://o2qq673j2.qnssl.com/Fv7ewqHHXeAnUAlF7AI9ndQulEOC" />
|
||
</p>
|
||
|
||
## Customise 自定义
|
||
|
||
```
|
||
git http://git.writebug.com/NGQwMzBkYmY3/towergame.git
|
||
cd tower_game
|
||
npm install
|
||
npm start
|
||
```
|
||
|
||
打开 `http://localhost:8082`
|
||
|
||
- 图片、音频资源可以直接替换 `assets` 目录下对应的资源文件
|
||
- 游戏规则可以修改 `index.html` 文件 `L480` 的 `option` 对象
|
||
|
||
## Option 自定义选项
|
||
|
||
可以使用以下 `option` 表格里的参数，完成游戏自定义，**所有参数都是非必填项**
|
||
|
||
| Option | Type | Description |
|
||
| -------------------------------------------- | -------- | --------------------- |
|
||
| width | number | 游戏主画面宽度 |
|
||
| height | number | 游戏主画面高度 |
|
||
| canvasId | string | Canvas 的 DOM ID |
|
||
| soundOn | boolean | 是否开启声音 |
|
||
| successScore | number | 成功盖楼分数 |
|
||
| perfectScore | number | 完美盖楼额外奖励分数 |
|
||
| <a href="#hookspeed">hookSpeed</a> | function | 钩子平移速度 |
|
||
| <a href="#hookangle">hookAngle</a> | function | 钩子摆动角度 |
|
||
| <a href="#landblockspeed">landBlockSpeed</a> | function | 下方楼房横向速度 |
|
||
| <a href="#setgamescore">setGameScore</a> | function | 当前游戏分数 hook |
|
||
| <a href="#setgamesuccess">setGameSuccess</a> | function | 当前游戏成功次数 hook |
|
||
| <a href="#setgamefailed">setGameFailed</a> | function | 当前游戏失败次数 hook |
|
||
|
||
#### hookSpeed
|
||
|
||
钩子平移速度
|
||
函数接收两个参数，当前成功楼层和当前分数，返回速度数值
|
||
|
||
```
|
||
function(currentFloor, currentScore) {
|
||
return number
|
||
}
|
||
```
|
||
|
||
#### hookAngle
|
||
|
||
钩子摆动角度
|
||
函数接收两个参数，当前成功楼层和当前分数，返回角度数值
|
||
|
||
```
|
||
function(currentFloor, currentScore) {
|
||
return number
|
||
}
|
||
```
|
||
|
||
#### landBlockSpeed
|
||
|
||
下方楼房平移速度
|
||
函数接收两个参数，当前成功楼层和当前分数，返回速度数值
|
||
|
||
```
|
||
function(currentFloor, currentScore) {
|
||
return number
|
||
}
|
||
```
|
||
|
||
#### setGameScore
|
||
|
||
当前游戏分数 hook
|
||
函数接收一个参数，当前游戏分数
|
||
|
||
```
|
||
function(score) {
|
||
// your logic
|
||
}
|
||
```
|
||
|
||
#### setGameSuccess
|
||
|
||
当前游戏成功次数 hook
|
||
函数接收一个参数，当前游戏成功次数
|
||
|
||
```
|
||
function(successCount) {
|
||
// your logic
|
||
}
|
||
```
|
||
|
||
#### setGameFailed
|
||
|
||
当前游戏失败次数 hook
|
||
函数接收一个参数，当前游戏失败次数
|
||
|
||
```
|
||
function(failedCount) {
|
||
// your logic
|
||
}
|
||
```
|
||
|
||
## License
|
||
|
||
MIT license.
|