核心概念、互動流程、功能需求、畫面回饋規劃、實機測試與迭代方向。
手勢互動／遊戲原型
異星防攻戰
攝影機手勢互動遊戲原型
開啟可操作原型年份2026
專案類型手勢互動／遊戲原型
製作形式個人互動實驗（AI 工具協作）
目前狀態功能測試中
製作方式
介面與程式依專案使用 OpenAI Codex 或 Lovable 協助生成及修改，我負責提出需求、檢查結果、指出問題並持續調整。
此階段聚焦互動流程與核心功能，部分視覺作為測試素材，後續將依實際操作結果持續深化。
專案概述
發想起點
《異星防攻戰》最初不是從完整故事或社會議題開始，而是一次技術與互動測試：我想確認自己能不能讓攝影機辨識玩家動作，並將揮手轉化成遊戲中的攻擊。
我將測試範圍縮小為「偵測—攻擊—回饋—計分」的基本循環，觀察玩家不使用鍵盤或控制器時，是否仍能理解操作並完成打擊。
問題與目標
要讓攝影機偵測真正成為遊戲輸入，不能只做到『看見手』，還必須處理小幅抖動造成的誤觸、攻擊門檻、碰撞反應與即時回饋。我的目標是先驗證這套操作是否成立，而不是急著擴充故事與關卡。
核心概念
鏡頭會追蹤手的位置、速度與方向，再把揮動轉成攻擊。敵人受擊、能量、音效與分數會立即回應；兩位玩家分別站在畫面左右區域，共同守住基地並比較得分。
04 / 互動流程
互動流程
- 01
允許攝影機權限，確認玩家與手部進入辨識範圍
- 02
系統依畫面區域辨識玩家，追蹤手部位置、速度與方向
- 03
玩家以揮動、攻擊與移動回應來襲敵人，畫面同步顯示命中與能量
- 04
系統即時計分並累積擊殺，完成一輪後顯示結果與再次挑戰入口
05 / 原型製作
從概念到可操作原型
我先定義「動作—攻擊—回饋—計分」的最小遊戲循環，再透過 OpenAI Codex 生成與修改 HTML、CSS、JavaScript，整合 Camera API 與 MediaPipe Hands。我負責提出功能需求、進行實機測試、辨識操作問題，並持續調整手部追蹤、攻擊判定、碰撞、音效、能量與計分方式。原型前後累積約 27 個測試版本。
06 / 測試與迭代
問題、修改與下一輪驗證
初期問題
早期只要偵測到手部位移就觸發攻擊，小幅抖動也可能造成誤觸，玩家區域也不夠清楚。
調整方式
加入移動速度門檻與雜訊過濾，並依鏡頭左右區域分配玩家，讓雙手追蹤與攻擊判定更穩定。
目前發現
目前以個人實機走查為主，已累積約 27 個原型版本，持續調整手部追蹤、攻擊判定、碰撞、音效與計分回饋；尚未進行正式受測者測試。
目前成果
目前版本可以直接在瀏覽器啟動，已完成攝影機偵測、手勢攻擊、碰撞判定與即時計分，證明核心互動流程可以運作。關卡內容、原創角色與場景、正式介面設計及使用者測試尚待完成。
應用可能
體驗目前版本這套互動機制未來可延伸至展場體感遊戲、品牌活動或多人互動裝置；目前作品主要用來呈現我的原型製作、測試與迭代能力。
08 / 後續發展
後續發展
- 01
替換為原創角色、敵人與場景視覺
- 02
擴充關卡、難度與 Boss 行為
- 03
加入遊玩錄影與 QR Code 個人紀錄留存
- 04
針對展場距離、光線與多人排隊情境優化
製作工具
OpenAI CodexMediaPipe HandsJavaScript（AI 輔助）HTML / CSS（AI 輔助）Camera APIWeb Audio