🐝 #6 蜂勤耘友配對消消樂：3 難度 × 6 主題包 + themes.json 可擴充 + PWA 離線 + 鍵盤無障礙的記憶配對遊戲
#6 真實名稱「🐝 蜂勤耘友配對消消樂」是阿凱寫的記憶配對遊戲。3 難度（初 / 中 / 高）× 6 主題（蜂勤耘友 / 注音 / 唐詩 / 英文 / 數字 / 水果）= 18 種組合，**themes.json 可擴充不寫程式**新增主題。純前端 ES Modules + PWA + 鍵盤無障礙 + WebP 省 50%。
記憶配對遊戲 + 教學主題化 = 多用途神器
記憶配對遊戲（Memory Match）是經典遊戲類型 — 但傳統版只能玩「翻牌找一樣的圖」。
阿凱的 #6 蜂勤耘友配對消消樂 反向設計：用配對遊戲機制 + 教學主題包 = 一遊戲多用途：
| 主題包 | 學什麼 |
|---|---|
| 🐝 蜂勤耘友（圖片） | 圖像辨識 / 美感 |
| ㄅㄆㄇ 注音符號 | 認注音（一年級） |
| 📜 唐詩名句 | 古典文學 / 國文 |
| 🇬🇧 英文單字 | 基礎英文 |
| 🔢 數字英文 | 數字英文對照 |
| 🍎 水果英文 | 水果英文 |
6 種主題 × 3 難度（初 / 中 / 高）= 18 種組合，每種獨立計時 + 最佳紀錄。
#6 真實怎麼做？
真實標題：「🐝 蜂勤耘友配對消消樂」
完整功能（從 README 抽出）：
遊戲機制：
- 每關 5 對 = 10 張卡片
- 翻牌找配對
- 配對成功 → 消除
- 全部消完 → 彩帶動畫慶祝 + 個人紀錄追蹤
主題可擴充（神細節）：
- 所有主題定義在
docs/themes.json - 不用寫程式即可新增主題
- 老師可以自製校內主題：「校徽配對」「老師頭像配對」「學校歷史人物」
鍵盤無障礙：
- Tab + Enter / Space 即可全鍵盤操作
- 特教學生友善設計
視覺優化：
- WebP 圖片（省 50%）
<link rel="preload">預載強化- 不卡頓
真實技術棧
- 純前端 ES Modules（無 React/Vue）
- 模組架構：
game.js入口模組theme.js主題載入 / WebP 偵測 / 卡面渲染board.js棋盤建立 / 翻牌 / 配對判定ui.js特效 / 計時器 / 完成彈窗audio.js音效 / 靜音 / 背景音樂storage.js個人最佳紀錄持久化
- PWA：manifest.webmanifest + sw.js
- OG 圖：用 Python Pillow 自動生成 1200×630 分享圖
- 部署：
cagoooo.github.io/bee/
「主題化遊戲」的教學魔力
對國小老師來說 — #6 是「一遊戲全年用」：
| 學期單元 | 用哪個主題 |
|---|---|
| 一年級上「認識注音」 | ㄅㄆㄇ 注音符號 |
| 三年級下「唐詩誦讀」 | 唐詩名句 |
| 四年級上「水果英文」 | 水果英文 |
| 五年級上「數字英文」 | 數字英文 |
| 期末「複習英文單字」 | 英文單字 |
| 校內活動「校徽認識」 | 老師自製主題（改 themes.json） |
→ 一個遊戲服務多年級多單元，老師備課省力 10 倍。
鍵盤無障礙的特殊價值
對特教學生 / 肢體不便學生：
- 不需精確點擊（觸控對部分孩子困難）
- Tab + Space 全鍵盤操作
- 一隻手 / 輔具裝置也能玩
- 遊戲化教學的融合教育
配對工具推薦
- #9 超級瑪莉歐冒險 — 同款 Canvas 純前端遊戲
- #30 遊戲集合 — 12-in-1 經典遊戲合集
- #22 成語填空遊戲 — 同款語文 + 遊戲化
適用對象
- 一年級導師（注音教學）
- 中高年級英文老師（單字 / 水果 / 數字）
- 國語老師（唐詩教學）
- 特教老師（鍵盤無障礙友善）
- 想做「主題化教學遊戲」的工程師
想試試？
第一次玩建議：初階 + 注音符號（一年級複習）→ 看看 5 對 = 10 張卡片好不好認 → 再換 5 種主題試試。