init game

littlegreay · Mar 20, 2018 · d5b5902 · d5b5902
commit d5b5902
Show file tree

Hide file tree

Showing 69 changed files with 1,812 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,15 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "browsers": [
+            "ios >= 9",
+            "android >= 4"
+          ]
+        }
+      }
+    ]
+  ]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+.idea/
+npm-debug.log
+yarn.lock
+.DS_Store
+
diff --git a/README.md b/README.md
@@ -0,0 +1,112 @@
+<h1 align="center">盖楼游戏</h1>
+<p align="center"><img src="https://o2qq673j2.qnssl.com/tower-loading.gif"/></p>
+
+> 一个基于 Canvas 的盖楼游戏
+
+## Demo 预览
+<p align="center"><img src="http://obdhoyfg4.bkt.clouddn.com/tower-preview.gif"/></p>
+<h2 align="center"><a href="http://fe.bmqb.com/tower_game/index.html">在线预览地址</a></h2>
+<h4 align="center">手机设备可以扫描下方二维码</h4>
+<p align="center">
+  <img src="https://o2qq673j2.qnssl.com/invite_code.png" />
+</p>
+
+## Game Rule 游戏规则
+
+以下为默认游戏规则，也可参照下节自定义游戏参数
+
+- 每局游戏生命值为3，掉落一块楼层生命值减1，掉落3块后游戏结束，单局游戏无时间限制
+
+- 成功盖楼加25分，完美盖楼加50分，连续完美盖楼额外加25分，楼层掉落扣除生命值1，单局游戏共有3次掉落机会
+
+栗子：第一块完美盖楼加50分，第二块连续完美盖楼加75分，第三块连续完美盖楼加100分，依此类推……
+
+<p align="center">
+  <img src="https://o2qq673j2.qnssl.com/Fv7ewqHHXeAnUAlF7AI9ndQulEOC" />
+</p>
+
+## Customise 自定义
+
+```
+git clone bmqb@tower-game
+cd tower-game
+npm install
+npm start
+```
+打开 `http://localhost:8082`
+
+- 图片、音频资源可以直接替换 `image` 目录下对应的资源文件
+- 游戏规则可以修改 `index.js` 目录中 传入的 `option` 对象
+
+## Option 自定义选项
+
+可以使用以下 `option` 表格里的参数，完成游戏自定义，**所有参数都是非必填项**
+
+| Option | Type | Description |
+|---------|--------|-------------|
+| width          | number | 游戏主画面宽度 |
+| height         | number | 游戏主画面高度 |
+| canvasId       | string | Canvas 的 DOM ID |
+| soundOn        | boolean | 是否开启声音 |
+| successScore   | number | 成功盖楼分数 |
+| perfectScore   | number | 完美盖楼额外奖励分数 |
+| <a href="#hookspeed">hookSpeed</a> | function | 钩子平移速度 |
+| <a href="#hookangle">hookAngle</a> | function | 钩子摆动角度 |
+| <a href="#landblockspeed">landBlockSpeed</a> | function | 下方楼房横向速度 |
+| <a href="#setgamescore">setGameScore</a> | function | 当前游戏分数hook |
+| <a href="#setgamesuccess">setGameSuccess</a> | function | 当前游戏成功次数hook |
+| <a href="#setgamefailed">setGameFailed</a> | 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
+}
+```
diff --git a/assets/background.png b/assets/background.png
diff --git a/assets/bgm.mp3 b/assets/bgm.mp3
diff --git a/assets/bgm.ogg b/assets/bgm.ogg
diff --git a/assets/block-perfect.png b/assets/block-perfect.png
diff --git a/assets/block-rope.png b/assets/block-rope.png
diff --git a/assets/block.png b/assets/block.png
diff --git a/assets/c1.png b/assets/c1.png
diff --git a/assets/c2.png b/assets/c2.png
diff --git a/assets/c3.png b/assets/c3.png
diff --git a/assets/c4.png b/assets/c4.png
diff --git a/assets/c5.png b/assets/c5.png
diff --git a/assets/c6.png b/assets/c6.png
diff --git a/assets/c7.png b/assets/c7.png
diff --git a/assets/c8.png b/assets/c8.png
diff --git a/assets/drop-perfect.mp3 b/assets/drop-perfect.mp3
diff --git a/assets/drop-perfect.ogg b/assets/drop-perfect.ogg
diff --git a/assets/drop.mp3 b/assets/drop.mp3
diff --git a/assets/drop.ogg b/assets/drop.ogg
diff --git a/assets/f1.png b/assets/f1.png
diff --git a/assets/f2.png b/assets/f2.png
diff --git a/assets/f3.png b/assets/f3.png
diff --git a/assets/f4.png b/assets/f4.png
diff --git a/assets/f5.png b/assets/f5.png
diff --git a/assets/f6.png b/assets/f6.png
diff --git a/assets/f7.png b/assets/f7.png
diff --git a/assets/game-over.mp3 b/assets/game-over.mp3
diff --git a/assets/game-over.ogg b/assets/game-over.ogg
diff --git a/assets/heart.png b/assets/heart.png
diff --git a/assets/hook.png b/assets/hook.png
diff --git a/assets/main-bg.png b/assets/main-bg.png
diff --git a/assets/main-index-logo.png b/assets/main-index-logo.png
diff --git a/assets/main-index-start.png b/assets/main-index-start.png
diff --git a/assets/main-index-title.png b/assets/main-index-title.png
diff --git a/assets/main-loading-logo.png b/assets/main-loading-logo.png
diff --git a/assets/main-loading.gif b/assets/main-loading.gif
diff --git a/assets/main-modal-again-b.png b/assets/main-modal-again-b.png
diff --git a/assets/main-modal-bg.png b/assets/main-modal-bg.png
diff --git a/assets/main-modal-invite-b.png b/assets/main-modal-invite-b.png
diff --git a/assets/main-modal-over.png b/assets/main-modal-over.png
diff --git a/assets/main-share-icon.png b/assets/main-share-icon.png
diff --git a/assets/rope.png b/assets/rope.png
diff --git a/assets/rotate.mp3 b/assets/rotate.mp3
diff --git a/assets/rotate.ogg b/assets/rotate.ogg
diff --git a/assets/score.png b/assets/score.png
diff --git a/assets/tutorial-arrow.png b/assets/tutorial-arrow.png
diff --git a/assets/tutorial.png b/assets/tutorial.png
diff --git a/assets/wenxue.eot b/assets/wenxue.eot
diff --git a/assets/wenxue.svg b/assets/wenxue.svg
diff --git a/assets/wenxue.ttf b/assets/wenxue.ttf
diff --git a/assets/wenxue.woff b/assets/wenxue.woff
diff --git a/assets/zepto-1.1.6.min.js b/assets/zepto-1.1.6.min.js
diff --git a/dist/main.js b/dist/main.js