🏆 #70 中文注音打字遊戲 Pro v1.3.0：4 級難度（初學者 / 入門 / 進階 / 大師）+ 全球排行榜 + 成績單分享 + PWA
#70「中文注音打字遊戲 Pro (Zhuyin Challenge Pro) v1.3.0」是 [#21 中打](/blog/typing-21-zhuyin-keymap) 的 Vite + Tailwind 升級版。4 級難度（初學者 / 入門 / 進階 / 大師）+ 進階詞庫（常用漢字 / 詞語 / 四字成語）+ 全球排行榜 + 一鍵生成成績單圖片分享 + PWA 離線可裝桌面。
#70 跟 #21 是 Pro 版升級
阿凱的中打工具家族：
| 維度 | #21 中打遊戲 | #70 中打 Pro（本篇） |
|---|---|---|
| 部署 | XOOPS 校網 VM | GitHub Pages cagoooo/typeCC |
| 程式碼 | 純前端單檔 HTML | Vite + Tailwind CSS 模組化 |
| 版本 | 早期單版 | v1.3.0（持續打磨） |
| 難度 | 單一模式 | 4 級（初學者 / 入門 / 進階 / 大師） |
| 詞庫 | 字元落下 | 常用漢字 + 詞語 + 四字成語 |
| 排行榜 | 無 | 全球排行榜 |
| 分享 | 截圖 | 一鍵生成精美成績單圖片 |
| PWA | 無 | 可離線玩 + 安裝桌面 |
**「漸進式工具家族」**再 +1 案例（前 5 個：PIRLS / Aura / 教師回覆 / 演說 / 瑪莉歐）。
#70 真實怎麼做？
真實標題：「中文注音打字遊戲 Pro (Zhuyin Challenge Pro)」
完整功能（v1.3.0）：
功能 A：多級難度系統（4 級）
- 初學者：常見單字
- 入門：常用漢字
- 進階：常用詞語
- 大師：四字成語（最高難度）
功能 B：進階詞庫
- 內建常用漢字 / 詞語 / 四字成語
- 隨著難度提升詞長變長
功能 C：全球排行榜
- 挑戰世界各地的玩家
- 留下名字 → 看排名
- 跟 #69 猴子投擲一樣有全球 PK
功能 D：成績分享
- 一鍵生成精美的成績單圖片
- 分享到 LINE / IG / FB
- 學生喜歡炫耀進步
功能 E：PWA 支援
- 離線遊玩
- 可安裝到手機 / 電腦桌面
- 像原生 App
功能 F：現代化設計
- 基於 Vite + Tailwind CSS 響應式介面
真實技術棧
- Vite 建置工具
- Tailwind CSS 樣式
- 純 JavaScript（無大型框架）
- MIT 授權
- 部署：
cagoooo.github.io/typeCC/
跟 #71 成語填空大挑戰是姊妹工具
阿凱的注音 / 成語雙姊妹工具：
| # | 工具 | 重點 |
|---|---|---|
| #70 中打 Pro（本篇） | 打字 + 注音鍵位 | 速度導向 |
| #71 成語填空大挑戰 | 拼字 + 成語意義 | 知識導向 |
兩個工具 repo 命名也呼應：typeCC vs typeTC — Zhuyin Challenge vs Type Chengyu（成語）。
為什麼「全球排行榜」這麼重要？
對國小學生：
- ✅ 動機：想看自己在世界第幾名
- ✅ 比較：同學之間 PK
- ✅ 進步追蹤：今天比昨天前進幾名
對老師：
- ✅ 資料：看全班排名分布
- ✅ 獎勵：「這週進步最多得貼紙」
- ✅ 班內競賽：分組挑戰
教學情境
資訊課中打單元（5 節課）：
- 第 1 節：認識中打 + 玩 #21 入門版熟悉鍵位
- 第 2 節：玩 #70「初學者」級 → 第一張成績單
- 第 3 節：升級「入門」「進階」級
- 第 4 節：挑戰「大師」級四字成語
- 第 5 節：班內 PK 大賽 → 全球排行榜競爭
期末挑戰：
- 期末作業：全班同學分享成績單到家長 LINE 群
- 看誰一學期進步最多
家長假日陪練：
- **「今天破我中打紀錄」**變家庭遊戲
配對工具推薦
- #21 中文注音打字遊戲 — 早期 XOOPS VM 版
- #71 成語填空大挑戰 — 姊妹成語版
- #22 成語填空遊戲 — 早期版
適用對象
- 國小高年級資訊老師（必教中打）
- 國中國文補救教學
- 家長想加強孩子中打速度
- 「全球排行榜」愛好者
- 想看「Vite + Tailwind + PWA 中打遊戲」案例的開發者
想試試？
從「初學者」開始挑戰 → 看自己有沒有實力進「大師級四字成語」。