科技教育創新專區 › 工具 #9

超級瑪莉歐冒險

阿凱老師打造的瀏覽器版超級瑪莉歐冒險遊戲,支援鍵盤+觸控雙模式操作,內建關卡選擇、計分、金幣與成就系統,純前端開瀏覽器就能玩。

⚡ 立即使用 💻 開源原始碼(GitHub)

「🍄 超級冒險 Mario Style Platformer v2.33.0」是阿凱老師移植到瀏覽器的 多關卡 Canvas 2D 平台跳躍遊戲,為 #28 早期單關版 的 Pro 進化版,專門解決「下課想讓學生放鬆 5 分鐘、又不想他們連到亂七八糟廣告網站」的選擇困難。

🎯 核心特色

💡 設計理念

阿凱在遊戲開發上偏好 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 有層次得多。

標籤:#遊戲 #瑪莉歐 #冒險 #跳躍 #經典

相關教學情境文章

開源原始碼:參考這個工具做出你的版本

阿凱老師大部分的教育工具都在 GitHub 公開原始碼,歡迎老師、學生與開發者參考改造成適合自己情境的版本。文章頁左下角的「複製 AI 開發提示詞」可把工具資料與原始碼連結一次交給 ChatGPT、Claude、Gemini 等 AI 助手。