「瑪莉歐風格平台跳躍遊戲」是阿凱老師用 純 Canvas 2D + requestAnimationFrame + AudioContext 寫的橫向卷軸跳跳遊戲，掛在石門國小 XOOPS 校網 VM smes.tyc.edu.tw/smes_html/mariojump.html 上，進階版是 #9 超級瑪莉歐冒險（v2.33.0 多關卡 + 蹬牆跳 + 成就系統）。
🎯 核心特色
- 🎮 致敬瑪莉歐橫向卷軸 — 方向鍵移動 + 空白鍵跳躍，純正紅白機平台跳躍精神
- 🎵 AudioContext 合成音效 — 跟 #26 九九乘法大冒險 同款技術，沒有 mp3 檔案要載
- 🏆 localStorage 存最高分 — 學生每天破自己紀錄，累積成就感
- 💰 掛學校網域零廣告 — 不會被廣告污染、不用登入、
smes.tyc.edu.tw老師家長信任 - 📱 觸控相容 — 點擊畫面或按空白鍵都能跳躍，平板手機 OK
💡 設計理念
阿凱沒用 Phaser / PixiJS 這類遊戲引擎而選純 Canvas 2D 的理由：載入快（引擎要載 100-500KB，Canvas 原生 0KB）、單檔即用（不需 build / bundle）、學生看得懂（開 DevTools 看到的程式碼是「他們也能寫」的等級）、改容易（要加新地形 / 敵人直接改 JS）。「用對工具是工程師的修養」 — Canvas 2D 適合完整可控自製遊戲，跟 #36 貪食蛇、#31 抓抓樂 同款架構。純前端單檔 HTML 20,021 字元無框架無 LLM。
🎒 適合情境
資訊科技課老師（純 Canvas 教學範例，五六年級程式設計單元給學生看「單檔 HTML + 純 Canvas 2D 就能做出瑪莉歐」）、下課時間放鬆（5 分鐘玩一輪正好）、回家作業選做、想做「沒廣告小遊戲」給學生玩的老師。完全免費、免登入、純前端，想要多關卡 + 蹬牆跳 + 成就系統請玩 #9 超級瑪莉歐冒險。