version 1.0.0

s956142 · Apr 20, 2024 · 3df5373 · 3df5373
commit 3df5373
Show file tree

Hide file tree

Showing 6 changed files with 77 additions and 0 deletions.
diff --git a/docs/img/gameOver.png b/docs/img/gameOver.png
diff --git a/docs/img/tetris.png b/docs/img/tetris.png
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,71 @@
+<!doctype html><html><head><meta charset="utf-8"/><script src="./lib/js/jquery-1.10.2.min.js"></script><link rel="icon" href="./img/tetris.png" type="image/x-icon"><style>#canvas {
+        width: 300px;
+        height: 600px;
+        margin: 0px auto;
+        padding: 10px;
+        text-align: center;
+        background: #FFFFF4;
+      }
+      .container {
+        /* width: 310px; */
+        /* height: 510px; */
+        margin: 0px auto;
+        padding: 5px;
+        position: relative;
+        background-color: #FFFFF4;
+
+      }
+      .flex-row{
+        display: flex;
+        flex-direction: row;
+      }
+      .align-center{
+        align-items: center;
+
+      }
+
+      .ta-l {
+        text-align: left;
+      }
+      .ta-c {
+        text-align: center;
+      }
+      .fs-0 {
+        font-size: 0px;
+      }
+      .fs-16 {
+        font-size: 16px;
+      }
+      .fs-20 {
+        font-size: 20px;
+      }
+      .inline-div {
+        display: inline-block;
+        position: relative;
+      }
+      #game-over {
+        width: 310px;
+        height: 620px;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        display: none;
+      }
+      .score-board {
+        vertical-align: top;
+      }
+
+      .mt-10 {
+        margin-top: 10px;
+      }
+      .mr-2 {
+        margin-right: 2px;
+      }
+      .operation-intro{
+        display:flex;
+        flex-direction: column;
+        border: 1px solid #181804;
+        border-radius: 4px;
+        padding: 10px;
+
+      }</style></head><body style="text-align: center;"><div class="container"><div class="fs-0"><div class="inline-div"><canvas id="canvas" width="310" height="620"></canvas><img id="game-over" src="./img/gameOver.png"/><div class="fs-16"><button id="pause">暫停</button> <button id="continue">繼續</button> <button id="restart">重新開始</button></div></div><input type="hidden" name="version" value=""><div class="inline-div score-board fs-16 ta-l"><div class="mt-10">分數: <span id="score-number">0</span></div><div class="mt-10">Combo: <span id="combo-number">0</span></div><div class="mt-10">Next</div><div class="preview ta-c"><canvas class="mt-10" id="preview-canvas" width="100" height="100"></canvas></div><div class="mt-10">Hold</div><div class="preview ta-c"><canvas class="mt-10" id="hold-canvas" width="100" height="100"></canvas></div><div class="operation-intro mt-10"><div class="flex-row align-center"><span class="mr-2">旋轉:</span><div class="fs-20 flex-row"><span class="mr-2">⭡</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">移動:</span><div class="fs-20 flex-row"><span class="mr-2">↓ </span><span class="mr-2">←</span> <span class="mr-2">→</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">hold/pause:</span><div class="fs-20 flex-row"><span class="mr-2">⇧</span> <span class="mr-2">/</span> <span class="mr-2">P</span></div></div><div class="mt-10 flex-row align-center"><span class="mr-2">速降:</span> <span>space</span></div></div></div></div></div><script src="./index.js"></script></body></html>
diff --git a/docs/index.js b/docs/index.js
diff --git a/docs/lib/js/jquery-1.10.2.min.js b/docs/lib/js/jquery-1.10.2.min.js
diff --git a/docs/lib/js/jquery-1.10.2.min.js.LICENSE.txt b/docs/lib/js/jquery-1.10.2.min.js.LICENSE.txt
@@ -0,0 +1,3 @@
+/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
+//@ sourceMappingURL=jquery-1.10.2.min.map
+*/