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

猴子丟香蕉-投擲大戰爭

是一款充滿趣味與挑戰的互動投擲遊戲!玩家將化身為靈活的小猴子,在熱帶叢林中展開一場香蕉大戰。

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

「🐒 猴子投擲大戰 (Monkey Pixel-Art Clash)」是阿凱老師致敬 1991 年 QBASIC 經典 GORILLAS.BAS 的 React 重製版 — 那是無數工程師的程式設計啟蒙遊戲(兩隻大猩猩在城市天際線互丟爆炸香蕉),阿凱把它改成 pixel-art 猴子 + 現代化雲端功能。

🎯 核心特色

💡 設計理念

React 19 + TypeScript + Vite,App.tsx ~1590 行(B1 拆分後),架構:App.tsx 主編排 + main.tsx audio unlock + SW 註冊 + pwa.ts 更新提示 + firebase.ts Firestore 排行榜 API + game/constants.ts 物理 / 道具 / 顏色常數 + game/types.ts GameState / Building / Particle 型別。.env 填 Firebase config,GitHub Actions 自動 CI/CD,部署 cagoooo.github.io/monkey/。從大猩猩 → 改成猴子(pixel-art 風格更可愛)、從 QBASIC text mode → Canvas + React 像素美學。

🎒 適合情境

阿凱「致敬經典遊戲系列」:

適合:

兩人開玩 — 看誰先學會「逆風該怎麼瞄」。MIT 授權,cagoooo/monkey 開源。

標籤:#遊戲 #猴子 #香蕉 #投擲 #互動 #物理 #休閒 #熱帶叢林

相關教學情境文章

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

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