第 6 課核心任務只有兩件事：盤點並簽署《分組工作與算力資源表》，以及全員使用 AI Agent 在 GitHub 上完成分支、PR 與合併，產出第一個多人協作的遊戲試玩成果！

分組工作、算力資源表與 GitHub 協作實戰

第 5 週的「遊戲直播」驗證了個人開發的極限——一個人要畫圖、調數值、找音效又要寫邏輯，遊戲往往難以兼顧手感與深度。
從本週開始，我們正式告別單兵作戰，邁入 2～3 人獨立遊戲工作室（Indie Studio）。

本課的學習目標非常純粹，整堂課只要做好兩件事：

分組工作和資源表：劃分鐵三角職責，盤點全組共享的 1 個付費大腦與每人手邊的免費工兵算力。
GitHub 合作的小作業成果：利用 AI Agent 在 GitHub 上分工開分支、提交 Pull Request (PR)、由 Claude 進行 Code Review 並合併，透過 GitHub Pages 產出全組共同合體的線上試玩作品！

🎯 第一件事：分組工作和資源表

一、2~3 人黃金鐵三角分工

在獨立遊戲開發中，三人小組是最敏捷且兼顧各面向的黃金配置：

機制架構師（Systems & Architecture）——組長
- 職責：設計遊戲規則邊界、定義模組間的溝通介面（Interface）、負責 GitHub 倉庫維護與代碼合併審查。
- 核心產出：主迴圈、狀態管理、PR Review。
視覺動效師（Visuals & Animation）——組員 B
- 職責：精靈圖繪製、地圖圖塊、子彈彈道、擊中粒子特效與畫面可讀性。
- 核心產出：獨立的視覺特效與子彈模組（如 bullets.js、particles.js）。
手感音效師（Juiciness & Audio）——組員 C
- 職責：螢幕震動（Trauma）、命中定格（Hitstop）、Web Audio 即時音效合成、數值爽感曲線調校。
- 核心產出：打擊反饋與音訊模組（如 juice.js、audio.js）。

二、AI 時代的團隊算力盤點（算力即武器）

在我們的小組中，通常全組預設配有 1 個高級付費帳號（如 Claude Pro / 10 美金額度），而每位同學手邊通常有不只一個免費帳號（多個 Google 註冊的 Antigravity、Codex 免費版或網頁版 AI）。

這就像一支特種作戰小隊：

付費 Claude 是「首席戰略顧問」：智商最高、理解全局，但有額度上限。專門用來設計介面規範、排查嚴重 Bug、以及審查組員的 PR 代碼。嚴禁拿來查通用語法或修小拼寫！
免費 Antigravity / Codex 是「主力工程兵」：零成本、高頻互動，每位組員各自開工，按照顧問定義好的介面填寫具體功能代碼。

算力層級	工具範例	團隊角色定位	最佳使用場景	嚴格使用禁令
頂級戰略算力 (高級大腦)	Claude 付費版（全組共用 1 組）	首席架構總監 / PR 審查員	• 制定跨模組介面規範（Interface） • PR 合併前的代碼審查（Code Review） • 解決核心邏輯死鎖	❌ 嚴禁拿來修小拼寫錯誤 ❌ 嚴禁拿來查通用 CSS/JS 語法 ❌ 嚴禁未整理就丟整千行代碼
主力施工算力 (工作區主力)	Antigravity （每人 1~2 免費號）	全端功能工程師	• 撰寫具體業務邏輯（怪物行為、子彈發射） • 本地檔案直接編修與測試 • 配合 GitHub CLI 操作分支	⭕ 按照總監定義的介面填寫獨立檔案 ⭕ 善用多個免費帳號分流提問
輕量突擊算力 (高頻刷手感)	Codex 免費版＋免費 Web AI	手感與音訊特工	• 數值矩陣快速試算（TTK 曲線） • 震屏衰減公式與粒子運動演算法 • Web Audio 合成音效短代碼	⭕ 免費小模型反應快，專門處理獨立短函式 ⭕ 不耗費團隊大腦額度

三、團隊實體硬體盤點（筆電 vs. 電腦教室桌機）

除了雲端 AI 算力之外，高中專案開發最容易被忽視的隱形殺手就是「實體硬體設備」：

個人自備筆電（可攜移動節點）：
- 優勢：開發環境（Node、Git、瀏覽器外掛）完整保存，可帶到學校即時連線、Demo 展示與互測。
- 策略：組內若有自備筆電的同學，建議承擔「現場即時部署與 Demo 主機」的角色。
電腦教室桌機（現場固定節點）：
- 致命陷阱：學校公用電腦通常裝有**「重開機系統還原卡」！如果把代碼只存放在本機桌面或下載區，一旦下課關機或意外重啟，整節課的心血將永久蒸發**。
- 團隊鐵律：「使用教室桌機的組員，每節下課前 5 分鐘強制執行 Git Commit & Push 至 GitHub 雲端倉庫！」
家用桌機（課後重裝節點）：
- 擁有大螢幕或獨立顯卡，適合課後進行細緻的像素畫繪製或較長時間的測試。

四、《分組工作和資源表》填寫範本

請小組全體討論後，將以下內容填寫完成，並記錄在隊長筆記中：

# 【專案代號：Project-xxxx】分組工作與軟硬體資源表

## 1. 團隊基本資料
* 團隊名稱：
* 輪值專案聯絡人（隊長）：

## 2. 鐵三角人員分工
* 機制架構師（隊長）：【姓名】，負責核心架構、GitHub 管理與 PR 審查
* 視覺動效師（組員 B）：【姓名】，負責視覺素材、粒子與子彈模組
* 手感音效師（組員 C）：【姓名】，負責打擊反饋、音效合成與手感數值

## 3. 團隊實體硬體設備盤點（筆電／桌機）
* 隊長：設備類型【個人筆電 / 學校教室桌機 / 家用桌機】，作業系統【Win / Mac / ChromeOS】，課堂是否可自備到校【是 / 否】
* 組員 B：設備類型【個人筆電 / 學校教室桌機 / 家用桌機】，作業系統【Win / Mac / ChromeOS】，課堂是否可自備到校【是 / 否】
* 組員 C：設備類型【個人筆電 / 學校教室桌機 / 家用桌機】，作業系統【Win / Mac / ChromeOS】，課堂是否可自備到校【是 / 否】
* 設備安全防線：使用學校公用桌機者，下課前 5 分鐘必須強制 Git Push，嚴防還原卡吃檔！

## 4. 團隊 AI 算力資產庫盤點
* 全組共享付費大腦：【例如：Claude Pro 帳號 1 組，由隊長保管登入 / 共享調用】
* 免費工兵算力清單：
  - 隊長：Antigravity 帳號 x 個、Codex 免費版 x 個
  - 組員 B：Antigravity 帳號 x 個、Web AI 免費帳號 x 個
  - 組員 C：Antigravity 帳號 x 個、Codex 免費版 x 個
* 隊內算力公約：
  1. 任何人使用付費 Claude 前，必須先向另一位組員「審查 Prompt」，確認問題聚焦且附上最小代碼片段，杜絕浪費額度。
  2. 所有人日常功能施工一律使用個人免費 Antigravity / Codex 帳號。

🚀 第二件事：GitHub 合作的小作業（AI Agent 協同實戰）

不再用 LINE 或隨身碟互傳 game_v2_final.zip！
我們要用業界專業的「Agentic GitHub Workflow（AI 代理協同研發流）」：學生不用背誦複雜的 Git 指令，只要當「製作人」指揮 AI Agent 操作 Git，並利用 GitHub Pages 實現一合併 PR，30 秒內全組即時在網頁上玩到最新成果！

flowchart TD
    subgraph Repo [GitHub 專案倉庫 + GitHub Pages 即時試玩]
        Main[main 分支]
    end

    subgraph Leader [隊長 - 機制架構師]
        L1[1. AI 建立 Repo 與移動白模] --> Main
        L2[4. 用付費 Claude Review PR 並合併] -->|Squash & Merge| Main
    end

    subgraph MemberB [組員 B - 視覺動效師]
        Main -->|開分支 feat/bullets| B1[2. 免費 AI 撰寫 bullets.js]
        B1 -->|Agent 自動發起 PR| PR_B[發起 PR #1]
        PR_B --> L2
    end

    subgraph MemberC [組員 C - 手感音效師]
        Main -->|開分支 feat/juice| C1[3. 免費 AI 撰寫 juice.js]
        C1 -->|Agent 自動發起 PR| PR_C[發起 PR #2]
        PR_C --> L2
    end

四步驟實戰流水線

步驟 1：隊長用 AI 建立 GitHub 倉庫與白模（10 分鐘）

隊長在本地建立空資料夾，在 Antigravity 中貼上下方提示詞，建立專案與初始移動白模：

隊長起手 Prompt（給 Antigravity）： 「我們正在進行高中遊戲製作人第 6 課的分組作業。請幫我建立一個極簡的 HTML5 Canvas 專案：

建立 index.html，畫布 480x640，玩家可以用左右方向鍵移動一個綠色方塊。

建立 src/ 資料夾，留好給組員引入模組的預留位置。

建立 .gitignore 與 README.md，說明這是我們團隊的第一個協作專案。

請利用 gh repo create 指令幫我建立公開倉庫 <團隊代號>-pitstop，並將專案 push 上去。」

隊長到 GitHub 倉庫：
- 點擊 Settings -> Collaborators，將組員 B、組員 C 的 GitHub 帳號加入為協作者。
- 點擊 Settings -> Pages，Source 選擇 Deploy from a branch（指向 main 分支），開啟自動線上發布！

步驟 2：組員使用 AI Agent 開分支並提交 PR（15 分鐘平行開工）

組員 B 與組員 C 在各自電腦 Clone 專案後，不需要自己敲複雜 Git 指令，直接讓 AI Agent 負責開分支與撰寫獨立模組：

🟢 組員 B（視覺）：開發散彈射擊模組

在 Antigravity 中發送以下指令：

組員 B 提示詞（給 Antigravity）： 「我是本組的視覺動效師。請幫我執行以下操作：

從 main 建立並切換至新分支 feat/bullets。

在 src/ 下新增獨立模組 bullets.js，包含：

BulletSystem 物件，提供 update(ctx) 與 fire(playerX, playerY)。

連續射擊時子彈呈現扇形散射，並有漂亮的顏色曳尾。

在 index.html 中引入 src/bullets.js 並綁定空白鍵發射。

完成後進行 git commit，並使用 gh pr create 向 main 發起 PR，標題為：feat: 新增扇形散射子彈模組，內文清楚列出測試方式。」

🟣 組員 C（手感）：開發震屏與 Web Audio 音效模組

在 Codex 或免費 AI 工具中發送以下指令：

組員 C 提示詞（給 Codex / Antigravity）： 「我是本組的手感音效師。請幫我執行以下操作：

從 main 建立並切換至新分支 feat/juice。

在 src/ 下新增獨立模組 juice.js，包含：

JuiceSystem 物件，提供 shake(amount) 函式，利用隨機位移實現平滑鏡頭震動。

利用瀏覽器原生 Web Audio API（免外部音檔）合成雷射開火與打擊嗶嗶聲。

在 index.html 中引入 src/juice.js。

完成後進行 git commit，並使用 gh pr create 向 main 發起 PR，標題為：feat: 新增螢幕震動與 Web Audio 即時合成音效。」

步驟 3：隊長召喚共用付費 Claude 擔任「PR 審查總監」（10 分鐘）

當 GitHub 上出現組員 B 與組員 C 的兩組 PR 後，隊長不需要一個人盲目比對代碼，召喚團隊唯一的付費 Claude 大腦進行專業審查：

隊長審查 Prompt（給共用付費 Claude）： 「這是我們 3 人小組組員發起的 PR 代碼 Diff： [貼上 PR #1 或 PR #2 的改動代碼] 請以資深遊戲主架構師的身份進行 Code Review：

是否有全域變數污染或命名衝突？

子彈或特效陣列是否有在超出畫面後正確清理（防止記憶體洩漏）？

是否能與主畫布渲染迴圈無縫整合？若審查通過，請回覆簡要的確認評語；若有瑕疵，請指出第幾行需要組員修正。」

隊長確認 Claude 審查合格後，在 GitHub PR 頁面點擊 「Squash and merge」！

步驟 4：GitHub Pages 自動上線——見證合體！

兩位組員的 PR 相繼合併進 main 分支。
等待約 30 秒，重新整理隊長的 GitHub Pages 試玩網址： https://<隊長帳號>.github.io/<專案名>/
現場見證奇蹟：
- 剛才只是純綠色方塊在移動。
- 現在按下空白鍵：組員 B 的散射子彈噴射而出，同時觸發了組員 C 的鏡頭帶感震屏與雷射音效！
- 全隊在零代碼踩踏、零隨身碟傳輸的情況下，利用 GitHub PR 完成了第一次真實的工業級協同！

📤 本課作業繳交（驗收這兩件事）

每小組由專案聯絡人統一回報，請直接複製下方表單格式，填寫完畢後張貼繳交至 Google Classroom 作業區：

======================================================
【第 6 課作業繳交】2026 遊戲製作人：團隊分組、軟硬體資源表與 GitHub 協作成果
======================================================

【基本資料】
* 班級：[ A班 / B班 ]
* 小組代號：第 [   ] 組
* 遊戲專案暫定名稱：Project- [                    ]
* 輪值專案聯絡人（隊長）：[ 姓名 / 學號 ]

------------------------------------------------------
一、分組工作與軟硬體資源表
------------------------------------------------------

1. 團隊鐵三角人員分工：
   * 機制架構師（隊長）：
     - 姓名：[         ]  學號：[         ]  GitHub 帳號：@[           ]
     - 負責範疇：主迴圈、狀態管理、GitHub 倉庫管理、PR 審查
   * 視覺動效師（組員 B）：
     - 姓名：[         ]  學號：[         ]  GitHub 帳號：@[           ]
     - 負責範疇：視覺素材、粒子特效、子彈彈道模組 (bullets.js)
   * 手感音效師（組員 C）：
     - 姓名：[         ]  學號：[         ]  GitHub 帳號：@[           ]
     - 負責範疇：螢幕震動、打擊反饋、Web Audio 音效合成 (juice.js)

2. 團隊實體設備盤點（筆電 / 桌機）：
   * 機制架構師（隊長）：
     - 主要開發設備：[ 個人筆電 / 學校電腦教室桌機 / 家用桌機 ]
     - 作業系統：[ Windows / macOS / ChromeOS ]
     - 課堂現場狀態：[ 可自備筆電到校 / 使用教室公用桌機 ]
   * 視覺動效師（組員 B）：
     - 主要開發設備：[ 個人筆電 / 學校電腦教室桌機 / 家用桌機 ]
     - 作業系統：[ Windows / macOS / ChromeOS ]
     - 課堂現場狀態：[ 可自備筆電到校 / 使用教室公用桌機 ]
   * 手感音效師（組員 C）：
     - 主要開發設備：[ 個人筆電 / 學校電腦教室桌機 / 家用桌機 ]
     - 作業系統：[ Windows / macOS / ChromeOS ]
     - 課堂現場狀態：[ 可自備筆電到校 / 使用教室公用桌機 ]
   * 設備防呆守則（全隊確認後請打勾 [V]）：
     [ ] 使用學校公用桌機者，每次下課前務必將代碼 Push 到 GitHub 遠端，絕不將唯一代碼留在會自動還原的本機！

3. 團隊 AI 算力資產庫盤點：
   * 全組共享付費大腦：
     - 工具類型：[ 例如：Claude Pro / 付費 API ]
     - 保管與調用人：[ 姓名 ]
     - 主要用途：跨模組介面定義、重大架構重構、PR 代碼審查（嚴禁查通用語法）
   * 全員免費工兵算力統計：
     - 隊長手邊免費帳號：Antigravity [   ] 個、Codex 免費版 [   ] 個
     - 組員 B 手邊免費帳號：Antigravity [   ] 個、免費 Web AI [   ] 個
     - 組員 C 手邊免費帳號：Antigravity [   ] 個、Codex 免費版 [   ] 個
     - 全組免費工兵算力總數：共計 [     ] 組可用帳號
   * 隊內算力公約（全隊確認後請打勾 [V]）：
     [ ] 1. 任何人使用付費 Claude 前，必須先由另一位組員「審查 Prompt」，杜絕模糊提問浪費額度。
     [ ] 2. 日常具體模組施工一律使用個人免費 Antigravity / Codex 帳號。

------------------------------------------------------
二、GitHub 合作小作業成果
------------------------------------------------------

1. GitHub 專案倉庫網址：
   👉 https://github.com/[隊長帳號]/[專案名稱]
   （檢核要點：倉庫內可查閱全員 commit 記錄，以及至少 2 個成功發起並已合併的 PR）

2. 團隊 Pull Request (PR) 協同紀錄：
   * PR #1 標題：feat: 新增扇形散射子彈模組
     - 發起人：[組員 B]  分支名：feat/bullets
     - 審查人：[隊長]（使用付費 Claude 完成 Code Review 並點選 Squash and Merge）
   * PR #2 標題：feat: 新增螢幕震動與 Web Audio 即時合成音效
     - 發起人：[組員 C]  分支名：feat/juice
     - 審查人：[隊長]（使用付費 Claude 完成 Code Review 並點選 Squash and Merge）

3. GitHub Pages 線上公開試玩網址：
   👉 https://[隊長帳號].github.io/[專案名稱]/
   （檢核要點：點開網址即可直接遊玩，按下空白鍵能同時看到散彈、鏡頭微震與聽到開火音效）

4. 團隊協作反思（1~2 句話）：
   * 在使用 AI Agent 開分支與發 PR 的過程中，最順利或遇到最大的障礙是什麼？全隊如何解決？
   答：[                                                                           ]

======================================================

第 6 課：分組工作、算力資源表與 GitHub 協作實戰