0 0 847

一个基于 Canvas 的盖楼游戏

Game Rule 游戏规则

以下为默认游戏规则,也可参照下节自定义游戏参数

  • 每局游戏生命值为3,掉落一块楼层生命值减1,掉落3块后游戏结束,单局游戏无时间限制

  • 成功盖楼加25分,完美盖楼加50分,连续完美盖楼额外加25分,楼层掉落扣除生命值1,单局游戏共有3次掉落机会

栗子:第一块完美盖楼加50分,第二块连续完美盖楼加75分,第三块连续完美盖楼加100分,依此类推……

Customise 自定义

git clone https://github.com/iamkun/tower_game.git
cd tower_game
npm install
npm start

打开 http://localhost:8082

  • 图片、音频资源可以直接替换 assets 目录下对应的资源文件

  • 游戏规则可以修改 index.html 文件 L480 的 option 对象

Option 自定义选项

可以使用以下 option 表格里的参数,完成游戏自定义,所有参数都是非必填项

OptionTypeDescription
widthnumber游戏主画面宽度
heightnumber游戏主画面高度
canvasIdstringCanvas 的 DOM ID
soundOnboolean是否开启声音
successScorenumber成功盖楼分数
perfectScorenumber完美盖楼额外奖励分数
hookSpeedfunction钩子平移速度
hookAnglefunction钩子摆动角度
landBlockSpeedfunction下方楼房横向速度
setGameScorefunction当前游戏分数hook
setGameSuccessfunction当前游戏成功次数hook
setGameFailedfunction当前游戏失败次数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
}

html5 canvas 手机版盖楼游戏_图一
下载所需: 5金币 下载 演示
[分类]
[来源] http://erlangyun.com/p/id/226.html
[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。