🕹️ #31 改進得分機制的夾娃娃機遊戲(放大版):Canvas 2D + 60 秒倒數 + 最高分紀錄
#31 真實標題「改進得分機制的夾娃娃機遊戲 - 放大版」— 阿凱用純 Canvas 2D 寫的夾娃娃機模擬遊戲,60 秒倒數挑戰看誰夾最多娃娃,含分數 / 最高分 / 新最高分慶祝。14KB 單檔部署學校網域。
「夾娃娃機」在校園的特殊意義
夾娃娃機是台灣校園附近最常見的娛樂 — 但實際去玩:
- 💸 一夾 10-50 元
- 😩 機台被調過,不一定夾得到
- 👶 國小生付不起且家長禁止
阿凱的 #31 改進得分機制的夾娃娃機遊戲(放大版) 是「永遠夾得到 + 不用錢 + 公平的數位版」。
#31 真實怎麼做?
真實標題:「改進得分機制的夾娃娃機遊戲 - 放大版」
從標題就看得出迭代史 — 「改進得分機制」+「放大版」 → 至少改過 2 次以上的版本。
核心遊戲機制:
- 60 秒倒數
- 控制夾子夾起娃娃
- 即時顯示「分數: 0」+「最高分: 0」+「時間: 60」
- 60 秒到 → 顯示「遊戲結束!」
- 若破紀錄 → 顯示「新最高分!」🏆
- 重新開始
真實技術棧
- 純前端單檔 HTML(13,778 字元)
- Canvas 2D(
getContext('2d')) - localStorage 存最高分
- 無框架 / 無 LLM
- 部署:
smes.tyc.edu.tw/claw-machine-game.html(注意:URL 不在 smes_html/ 下,是學校根目錄)
URL 路徑暗示開發階段
跟 #28 瑪莉歐(smes_html/mariojump.html)對比:
- #28 URL 在
smes_html/子目錄 - #31 URL 直接在學校根目錄
可能是阿凱最早期的作品(還沒建立 smes_html/ 分類習慣),或是「校長指定上首頁主推的特別版」。
教學情境
下課 5 分鐘休閒:
- 學生掃 QR 進 → 60 秒一輪
- 短小不影響上課
心理輔導課使用:
- 「夾不到也沒關係」的挫折教育
- 對比真實夾娃娃機 → 教孩子「真實夾娃娃機是賠錢遊戲」的反思
期末班會獎勵:
- 全班輪流挑戰 → 最高分有小禮物
配對工具推薦
- #28 瑪莉歐平台跳躍 — 平台類遊戲
- #30 遊戲集合 — 12 in 1 合集
- #57 餐廳命運轉盤 — 選擇障礙剋星
適用對象
- 國中小所有老師(下課休閒)
- 安親班 / 課輔老師
- 想做「反思商業夾娃娃機教育」的老師
想試試?
60 秒挑戰夾最多娃娃 — 記得,這是免費的。