「🐝 蜂勤耘友配對消消樂」是阿凱老師為國小低中年級打造的 記憶配對 PWA 遊戲,專門解決「想找一個能離線玩、又能客製主題符合課程內容的小遊戲」的需求。
🎯 核心特色
- 🐝 6 主題 × 3 難度 = 18 種組合 — 蜂勤耘友圖片 / 注音符號 / 唐詩名句 / 英文單字 / 數字英文 / 水果英文,每關 5 對共 10 張卡
- 🛠️ themes.json 可擴充不寫程式 — 老師可自製校內主題(校徽 / 老師頭像 / 學校歷史人物),改 JSON 即可新增
- ⌨️ 鍵盤無障礙 — Tab + Enter / Space 全鍵盤操作,特教學生 / 肢體不便學生友善
- 🎉 彩帶慶祝動畫 + 最佳紀錄 — 過關 confetti 儀式感 + 每組合獨立計時紀錄
- 🚀 WebP 圖片省 50% +
<link rel="preload">— 不卡頓 - 📴 PWA 離線可玩 — manifest.webmanifest + sw.js,加到主畫面零安裝
💡 設計理念
阿凱用「配對遊戲機制 + 教學主題包」反向設計:純前端 ES Modules 切成 game.js / theme.js / board.js / ui.js / audio.js / storage.js 六個模組,無 React / Vue 框架,OG 圖用 Python Pillow 自動生成 1200×630。同樣的遊戲機制換 themes.json 就能服務一年級「注音」、三年級「唐詩」、四年級「水果英文」 — 一個遊戲全年用,老師備課省力 10 倍。
🎒 適合情境
- 一年級導師:認注音(ㄅㄆㄇ)
- 中高年級英文老師:水果 / 數字 / 單字
- 國語老師:唐詩名句
- 特教 / 融合教育老師:鍵盤無障礙操作
- 校內活動:自製「校徽配對」「歷史人物配對」
- 想做主題化遊戲的開發者參考架構
部署在 cagoooo.github.io/bee/。建議初階 + 注音符號起手,全 MIT 授權,源碼開放可自由 fork 改主題。配對 #9 超級瑪莉歐冒險、#30 遊戲集合、#50 童樂學園 食用更完整。