「外星人入侵·保衛石門」是阿凱老師為國小資訊課與下課十分鐘打造的 復古風太空射擊遊戲,解決「想讓孩子玩有教育意義、免費、又能跟全校一起拚名次的遊戲」的痛點。
🎯 核心玩法
- 🚀 駕駛戰機擊退外星艦隊 — 自動開火,專心走位閃彈、瞄準
- 👾 三種外星人 — 偵察兵 / 戰鬥機 / 轟炸機,經典整隊橫移、越打越快
- ⚠️ 王關 Boss 母艦 — 每 5 波出現,三種彈幕型態 + 血條
- 💪 道具系統 — 火力強化、急速射擊、能量護盾、增加戰機
- 🔥 連擊加成 — 連續擊殺不失誤,分數倍率往上疊
- 🏆 全校跨裝置排行榜 — 留名上傳,全校同學看同一份 TOP 5
💡 技術亮點
- 純 HTML5 Canvas + 原生 JavaScript — 單檔零相依、零建置,任何瀏覽器點開即玩
- PWA 可安裝 + 離線可玩 — manifest.webmanifest + Service Worker,平板可加入主畫面當 App
- Firebase 匿名登入 + Firestore — 全校跨裝置即時排行榜(離線時自動退回本機榜)
- 三種難度 — 簡單 5 命 / 普通 3 命 / 困難 2 命,不同年級都玩得起來
- 石門校徽 Canvas 重繪 — 開場校徽 +「保衛石門」主題,向量繪製任何尺寸都清晰不破圖
- 合成音效 + 爆炸粒子 + 星空視差 — Web Audio 即時合成,復古街機質感
🎒 教學情境
下課十分鐘的健康放電(取代滑手機)、資訊課「遊戲與互動設計」單元的 Canvas 實作範例(孩子看到「網頁真的能做遊戲」)、班級獎勵活動(達標後開放打一輪 + 上排行榜)、資訊週成果展投影示範。桌機鍵盤 + 手機觸控全支援,學校 Chromebook / iPad 都跑得動,免登入、免安裝、免付費,點開網址直接玩。