➕ #44 快樂數學小冒險：國小一年級 4 關卡（10 以內加減 + 20 以內加減）+ canvas-confetti 撒花獎勵的純前端遊戲
#44 真實名稱「快樂數學小冒險 | 國小一年級數學練習」是阿凱給**一年級**做的數學練習遊戲。4 個關卡（10 以內加法 / 10 以內減法 / 20 以內加法 / 20 以內減法）+ canvas-confetti 撒花獎勵 + 純 Tailwind + 26KB 單檔 HTML 嵌進 Google Sites。是 #26 九九乘法大冒險的低年級姊妹工具。
一年級數學最痛是什麼？
一年級數學：
- 第一學期：1-10 的認識 + 10 以內加減
- 第二學期：11-20 的認識 + 20 以內進退位加減
- 數量概念 / 數線
最痛：學生要反覆練習熟練度，但傳統做法：
- 印學習單 → 印一張練 5 分鐘
- 國語日報數學練習本 → 老師要批改
- 數學王國 / Toy Story APP → 廣告滿天飛
- Kahoot / Quizizz → 一年級不會自己加入房間
阿凱的 #44 快樂數學小冒險 是反向設計：一年級自己掃 QR 進 → 4 個關卡選一個 → 連續答題 → 撒花獎勵。
#44 真實怎麼做？
真實標題：「快樂數學小冒險 | 國小一年級數學練習」（精準鎖定一年級）
4 個關卡（從 H 標籤抽出）：
- 10 以內加法
- 10 以內減法
- 20 以內加法
- 20 以內減法
遊戲化狀態：
- 「選擇關卡」（主選單）
- 「挑戰完成！」（結算）
- 「要離開遊戲嗎？」（中途離開確認）
真實技術棧：
- Tailwind CSS
- canvas-confetti（撒花獎勵 — 答對撒花，挑戰完成大撒花）
- 26,112 字元單檔 HTML
- 嵌進
sites.google.com/mail2.smes.tyc.edu.tw/swissknife/數學加減法練習器
為什麼 4 關卡這樣設計？
對應康軒 / 翰林 / 南一三大版本一年級數學課綱：
| 學期 | 課綱進度 | 對應關卡 |
|---|---|---|
| 一上 第 1-3 單元 | 1-10 認識 | 10 以內加法 ⭐ |
| 一上 第 5-6 單元 | 10 以內減法 | 10 以內減法 ⭐ |
| 一下 第 1-2 單元 | 11-20 認識 + 加法 | 20 以內加法 ⭐ |
| 一下 第 4-5 單元 | 20 以內減法（含退位） | 20 以內減法 ⭐ |
完全對應一整年課綱進度，老師備課階段對齊上 #44 一個關卡 — 學生自己練完。
跟 #26 九九乘法大冒險的姊妹關係
| 維度 | #44 快樂數學小冒險 | #26 九九乘法大冒險 |
|---|---|---|
| 適合年級 | 一年級 | 二年級下 / 三年級 |
| 主題 | 加減法 4 關卡 | 九九乘法表 |
| 撒花機制 | canvas-confetti | Web Audio 音效 |
| 字數 | 26,112 字元 | 25,359 字元 |
| 部署位置 | swissknife / 數學加減法練習器 | swissknife / 九九乘法表練習器 |
阿凱「用 Gemini 寫好一個遊戲框架 → 換主題就再生一個工具」的策略 — 兩個工具程式碼可能共用 70%+。
實際使用情境
早自習練習：
- 老師把 4 關 QR Code 印貼黑板
- 學生 7:50-8:10 自己掃 QR 練
- 練完看排行榜 / 自己挑戰新紀錄
課堂分組：
- 「程度好的 → 20 以內加減」
- 「需要鞏固的 → 10 以內加減」
- 老師 5 分鐘走一遍看誰卡哪題
家長帶練：
- 假日家長陪小孩練 → 撒花動效讓小孩有成就感
- 不像作業本「對」「錯」枯燥
適用對象
- 國小一年級導師（數學課重點工具）
- 補救教學老師
- 課輔老師
- 自學家長
想試試？
→ 前往 #44 快樂數學小冒險 → #26 九九乘法大冒險（二三年級）
第一次用：印 QR 貼黑板 → 學生 5 分鐘練一關 → 看「挑戰完成」撒花 → 自然回去玩第二關。