一个基于 Canvas 的盖楼游戏html
喜欢这个游戏能够给个💖star💖鼓励一下吗 github.com/iamkun/towe…git
如下为默认游戏规则,也可参照下节自定义游戏参数github
每局游戏生命值为3,掉落一块楼层生命值减1,掉落3块后游戏结束,单局游戏无时间限制npm
成功盖楼加25分,完美盖楼加50分,连续完美盖楼额外加25分,楼层掉落扣除生命值1,单局游戏共有3次掉落机会canvas
栗子:第一块完美盖楼加50分,第二块连续完美盖楼加75分,第三块连续完美盖楼加100分,依此类推……bash
git clone https://github.com/iamkun/tower_game.git cd tower_game npm install npm start 复制代码
打开 http://localhost:8082
markdown
assets
目录下对应的资源文件index.html
文件 L480
的 option
对象可使用如下 option
表格里的参数,完成游戏自定义,全部参数都是非必填项函数
Option | Type | Description |
---|---|---|
width | number | 游戏主画面宽度 |
height | number | 游戏主画面高度 |
canvasId | string | Canvas 的 DOM ID |
soundOn | boolean | 是否开启声音 |
successScore | number | 成功盖楼分数 |
perfectScore | number | 完美盖楼额外奖励分数 |
hookSpeed | function | 钩子平移速度 |
hookAngle | function | 钩子摆动角度 |
landBlockSpeed | function | 下方楼房横向速度 |
setGameScore | function | 当前游戏分数hook |
setGameSuccess | function | 当前游戏成功次数hook |
setGameFailed | function | 当前游戏失败次数hook |
钩子平移速度 函数接收两个参数,当前成功楼层和当前分数,返回速度数值oop
function(currentFloor, currentScore) { return number } 复制代码
钩子摆动角度 函数接收两个参数,当前成功楼层和当前分数,返回角度数值spa
function(currentFloor, currentScore) { return number } 复制代码
下方楼房平移速度 函数接收两个参数,当前成功楼层和当前分数,返回速度数值
function(currentFloor, currentScore) { return number } 复制代码
当前游戏分数hook 函数接收一个参数,当前游戏分数
function(score) { // your logic } 复制代码
当前游戏成功次数hook 函数接收一个参数,当前游戏成功次数
function(successCount) { // your logic } 复制代码
当前游戏失败次数hook 函数接收一个参数,当前游戏失败次数
function(failedCount) { // your logic } 复制代码
MIT license.