python 贴吧盖楼_ es6 + canvas 开源 盖楼小游戏 完整代码注释 从零教你做游戏（一）...

盖楼游戏

一个基于 Canvas 的盖楼游戏

Demo 预览

手机设备可以扫描下方二维码

github

Game Rule 游戏规则

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

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

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

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

Customise 自定义

git clone https://github.com/bmqb/tower_game.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

完美盖楼额外奖励分数

function

钩子平移速度

function

钩子摆动角度

function

下方楼房横向速度

function

当前游戏分数hook

function

当前游戏成功次数hook

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.

Vue+WebSocket+ES6+Canvas 制作「你画我猜」小游戏

Vue+WebSocket+ES6+Canvas 制作「你画我猜」小游戏 转载 来源:jrainlau 链接:https://segmentfault.com/a/1190000005804860 项 ...

python小游戏实现代码

早上逛CSDN首页就见到这么一篇教程.看了一下很有意思,就马上动手实现了一下.看看效果吧: 完整代码: # -*- coding: utf-8 -*- # 1 - Import library imp ...

bbs/贴吧/盖楼的技术实现(PHP)

2015年3月5日 14:36:44 更新: 2015年7月18日 16:33:23 星期六 目标, 实现类似网易盖楼的功能, 但是不重复显示帖子 效果: * 回复 //1楼 ** 回复 //1楼的子 ...

[原创]基于html5新标签canvas写的一个小画板

最近刚学了canvas,写个小应用练习下 源代码

实例源码--IOS高仿微信打飞机游戏(完整功能)

下载源码 技术要点: 1. IOS游戏开发基础框架 2. 高仿打飞机游戏 3. 游戏背景音频技术 4.源码详细的中文注释 ……. 详细介绍: 1. IOS游戏开发基础框架 此套源码为涉及IOS游戏开发 ...

SQL递归查询实现跟帖盖楼效果

网易新闻的盖楼乐趣多,某一天也想实现诸如网易新闻跟帖盖楼的功能,无奈技术不佳(基础不牢),网上搜索了资料才发现SQL查询方法有一种叫递归查询,整理如下: 一.查询出 id = 1 的所有子结点 wit ...

基于Python使用SVM识别简单的字符验证码的完整代码开源分享

关键字:Python,SVM,字符验证码,机器学习,验证码识别 1   概述 基于Python使用SVM识别简单的验证字符串的完整代码开源分享. 因为目前有了更厉害的新技术来解决这类问题了,但是本文作 ...

小游戏大智慧，10 个让人眼前一亮的 JavaScript 游戏

摘要: JS还可以这么玩~ Fundebug经授权转载,版权归原作者所有. 这是一篇有趣的文章,我们精选了 JS13K 游戏编程挑战的优秀作品,与大家分享.JS13K 是专为 JavaScript 开 ...

随机推荐

最小生成树 prime poj1287

poj1287 裸最小生成树 代码 #include "map" #include "queue" #include "math.h" #i ...

【BZOJ-1014】火星人prefix Splay + 二分 + Hash

1014: [JSOI2008]火星人prefix Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 5852  Solved: 1871[Submit] ...

java web 学习一

一.基本概念 1.1.WEB开发的相关知识 WEB,在英语中web即表示网页的意思,它用于表示Internet主机上供外界访问的资源. Internet上供外界访问的Web资源分为: 静态web资源( ...

uilib库gdi句柄泄漏bug修复，duilib防止gdi泄漏的小提醒

转载请说明原出处,谢谢~~ 今天下午群友的网友让我帮忙看一下的duilib程序的问题,程序中包含了List控件,会定时清除所有子项目然后重新添加.但是程序运行一段时间后会自己崩溃!我编译了源码运行后在 ...

用消息队列和socket实现聊天系统

前言:最近在学进程间通信,所以做了一个小项目练习一下.主要用消息队列和socket(UDP)实现这个系统,并数据库存储数据,对C语言操作不熟悉的可以参照我的这篇博客:https://www.cnblo ...

Flink中的Time

戳更多文章: 1-Flink入门 2-本地环境搭建&构建第一个Flink应用 3-DataSet API 4-DataSteam API 5-集群部署 6-分布式缓存 7-重启策略 8-Fli ...

Core Json 序列化相关问题

//返回json  大小写 配置            services.AddMvc()                    .AddJsonOptions( op => op.Serial ...

使用autoconf与automake自动生成MakeFile文件

automake主要通过编辑Makefile.am来控制它的行为,下面就常用的三个Makefile.am配置做出说明. 1.1. autotools的工作原理 autotools最终是为了生成Make ...

C语言学习笔记—code:blocks工具debug调试异常

C语言开发工具:code:bolocks17.12版本踩坑记录: 一.下载codeblocks后,安装完成,创建第一个项目在构建mian主函数时构建报错: Goto "Settings-&g ...

Yii2 里使用Redis扩展

Redis是个很不错的Nosql数据库,比Memcached的好处是能持久化数据. Yii2里使用Redis ,首先要扩展Redis.可以在composer.json 里添加 redis " ...