「🍄 超級冒險 Mario Style Platformer v2.33.0」是阿凱老師移植到瀏覽器的 多關卡 Canvas 2D 平台跳躍遊戲,為 #28 早期單關版 的 Pro 進化版,專門解決「下課想讓學生放鬆 5 分鐘、又不想他們連到亂七八糟廣告網站」的選擇困難。
🎯 核心特色
- 🌍 多世界選擇 SELECT WORLD — NES retro style text menu,「↑↓ 選擇|Enter / 點擊 進入」+ Stage Clear 結算頁(「★ STAGE CLEAR ★ World 1-1 SCORE: 0」)+ 過關解鎖下一關
- 🎮 6 種完整操作 — ⬅️➡️ 移動、空白跳躍、⬇️/S 蹲下、Shift 衝刺、牆壁 + 跳 = 蹬牆跳(瑪莉歐風格進階技)
- 📱 手機觸控雙模式 — 點擊移動 + 點擊跳躍,平板手機也能玩
- 📊 完整統計 — 💀 擊殺 / 🪙 金幣 / 👑 分數 / 🏅 成就(含 modal 顯示「X/Y」進度)
- ⏸️ 教室友善按鈕 — 🔊 音效開關、⚙️ 音效設定、⛶ 全螢幕、⏸️ 暫停、📖 重看教學,上課鐘響可立刻暫停
- 📦 PWA 完整 — manifest.json + 多尺寸 icon + apple-mobile-web-app-capable
💡 設計理念
阿凱在遊戲開發上偏好 Canvas 2D「完整可控自製遊戲」 哲學 — #9 / #28 早期版 / #36 貪食蛇 / #31 抓抓樂 全用純 Canvas,不依賴 Phaser 引擎物理系統,自己寫更輕(v2.33.0 累積這麼多功能還在純 Canvas)。CSS 版本控制用 style.css?v=2.33.0 query string 強制清快取,無 LLM、無後端、localStorage 存進度,部署在 cagoooo.github.io/mario-game/。
🎒 適合情境
資訊科技課示範「多關卡 + 成就系統 + 蹬牆跳 = 純 Canvas + JS 也能做」、五六年級程式設計單元開 DevTools 看 v2.33.0 一路迭代史。下課休閒比商業遊戲入口網親民 100 倍,學生可正面挑戰多關卡。配對 #28 瑪莉歐早期版 / #30 12-in-1 遊戲集合 / #85 致敬 Konami 的企鵝跑酷。MIT 授權,按 SELECT WORLD 進關卡試試 Shift 衝刺 + 蹬牆跳,比 #28 有層次得多。