Merge branch 'main' into output

.github/workflows/build.yaml

@@ -0,0 +1,20 @@
+name: build project on output branch
+
+on:
+  push:
+    branches:
+      - output
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Install dependencies
+      run: yarn
+
+    - name: Build project
+      run: yarn build

.github/workflows/webpack.yml

@@ -0,0 +1,27 @@
+name: NodeJS with Webpack
+
+on:
+  push:
+    branches: [ "output" ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.x]
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+
+    - name: Install dependencies
+      run: yarn
+
+    - name: Build project
+      run: yarn build

README.md

@@ -1,8 +1,13 @@
-[點擊查看Demo(github-page)](https://s956142.github.io/tetris-battle/ "俄羅斯方塊")
+[點擊開啟 俄羅斯方塊 (github-page)](https://s956142.github.io/tetris-battle/ "俄羅斯方塊")
 # tetris-battle
 
-# canvas-demo
 
-# 空格-暫停/開始
+# 速降 空格
 
-# 操控 ↑ ↓ ← →
+# 操控方向  ↓ ← →
+
+# 旋轉 ↑
+
+# 暫停/開始 p 
+
+# 保留 shift

src/index.html

@@ -108,6 +108,12 @@
 
           <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>