前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >【开源】基于Canvas,盖楼小游戏,带教程。

【开源】基于Canvas,盖楼小游戏,带教程。

作者头像
用户5997198
发布2022-03-28 19:11:01
发布2022-03-28 19:11:01
58400
代码可运行
举报
文章被收录于专栏:蚂蚁开源社区蚂蚁开源社区
运行总次数:0
代码可运行

一个基于 Canvas 的盖楼游戏

游戏规则

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

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

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

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

打开 http://localhost:8082(本地目录)

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

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

自定义选项

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

hookSpeed

钩子平移速度 函数接收两个参数,当前成功楼层和当前分数,返回速度数值

代码语言:javascript
代码运行次数:0
复制
function(currentFloor, currentScore) {
  return number
}

hookAngle

钩子摆动角度 函数接收两个参数,当前成功楼层和当前分数,返回角度数值

代码语言:javascript
代码运行次数:0
复制
function(currentFloor, currentScore) {
  return number
}

landBlockSpeed

下方楼房平移速度 函数接收两个参数,当前成功楼层和当前分数,返回速度数值

代码语言:javascript
代码运行次数:0
复制
function(currentFloor, currentScore) {
  return number
}

setGameScore

当前游戏分数hook 函数接收一个参数,当前游戏分数

代码语言:javascript
代码运行次数:0
复制
function(score) {
  // your logic
}

setGameSuccess

当前游戏成功次数hook 函数接收一个参数,当前游戏成功次数

代码语言:javascript
代码运行次数:0
复制
function(successCount) {
  // your logic
}

setGameFailed

当前游戏失败次数hook 函数接收一个参数,当前游戏失败次数

代码语言:javascript
代码运行次数:0
复制
function(failedCount) {
  // your logic
}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-02-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 蚂蚁大喇叭 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档