当前位置:首页 > HTML5游戏 > 正文内容

H5游戏,盖楼游戏,带教程。

nrta1107个月前 (02-21)HTML5游戏463

一个基于 Canvas 的盖楼游戏

47480922-93a20c00-d864-11e8-8f7c-6d1d60184730.gif

游戏规则

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

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

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

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

1.png

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

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

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

自定义选项

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

2.png

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
}

代码下载:

点击下载(提取码:njpn)

qrcode_for_gh_95ec6d40e739_258.jpg

扫描二维码关注公众号

如在微信端,长按二维码即可关注

版权声明:本文由蚂蚁开源_H5游戏,微信小程序,蚂蚁大喇叭发布,如需转载请注明出处。

本文链接:http://www.zzfriend.com/post/25.html

分享给朋友:

相关文章

火车头司机的一天

火车头司机的一天

加油!火车头司机,开着火车去接更多的人安全到达目的地。如何开始游戏开始后,点击屏幕中央即可游戏目标合理操作,顺利闯关!源码下载:点击下载(提取码:hsug)...

愤怒的小红帽

愤怒的小红帽

游戏简介:HTML5愤怒的小红帽小游戏是一款益智休闲射击小游戏,游戏中一支箭,一个便当袋,小红帽能平安的到达老奶奶家吗?赶紧一起护送小红帽去奶奶家吧。完成这个神圣的任务,做真正的勇士!游戏规则:抓住跑来的怪物,进入靶心后射箭。源码演示:代码...

H5游戏,泰迪牌手榴弹

H5游戏,泰迪牌手榴弹

泰迪牌手榴弹,类似于植物大战僵尸!快来守住您的城堡吧!代码下载:点击下载(提取码:d967)...

围住神经猫升级版,围住小鬼子

围住神经猫升级版,围住小鬼子

图片演示:源码下载:点击下载(提取码:ntd0)...

鲁尼国王塔防游戏,爽的根本停不下来

鲁尼国王塔防游戏,爽的根本停不下来

游戏简介塔防游戏的分类目前就是主要是有3大类,最重要的一种就是摆回龙(堵怪模式),一张空白的地图,让怪兽按照你摆的炮塔的阵型来回移动,并且可以通过搭建和贱卖出口的炮塔,使怪兽来回移动,达到最长的移动距离,以便于炮塔不断的轰击怪兽,但是最长路...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。