開始遊戲泡泡貓是一款以瀏覽器為基礎的益智拼圖遊戲，靈感來自經典 Puzzle Bobble 機制與戰士貓小說宇宙。非商業性質的免費網頁遊戲，具備完整的對戰模式、AI 對手、5 種泡泡系統、卡牌連鎖懲罰計分，以及手繪風格的貓咪角色選擇介面。
核心技術
- 自製泡泡物理引擎 · 碰撞偵測 · BFS/DFS 群組消除
- Web Audio API · AI 對手邏輯 · 卡牌連鎖懲罰計分系統
遊戲架構與流程
- 模組化元件結構，分離遊戲邏輯、UI 狀態、物理引擎與音效管理
- 致敬 Puzzle Bobble 與貓戰士小說的非商業用途
泡泡物理與對戰玩法
- 自製碰撞偵測：飛行軌跡計算、牆壁反射、精準格點定位
- BFS/DFS 群組偵測，連接群組消除邏輯，浮空泡泡重力掉落
- 即時雙面板渲染 — 玩家在左、AI 在右
- 貓戰士氛圍森林背景，手繪貓咪插圖覆蓋各面板
角色選擇與貓咪插圖
- 7 位以上各具性格的貓戰士角色
- 選擇角色時即時預覽該角色的泡泡屬性配色
- 角色插圖呼應戰士貓原著：勇猛 · 好奇 · 沉靜 · 活潑 · 堅毅 · 神秘
- 對戰中所選角色的大型插圖覆蓋於玩家遊戲面板上
五種泡泡系統
- 標準色彩泡泡 — 接觸 3 顆以上同色群組時觸發消除
- 星星泡泡 — 瞬間消除整個棋盤上所有同色泡泡
- 紅色泡泡 — 消除同一橫排所有泡泡，不限顏色
- 黑色全清泡泡 — 同時清除棋盤上所有泡泡
- 固定障礙方塊 — 任何泡泡類型均無法消除的永久障礙
技術實作
- Quasar 元件系統，跨裝置響應式 UI，桌機與行動瀏覽器體驗一致
- 自製物理引擎：軌跡計算、牆壁反射、格點定位、浮空群組重力掉落
- Web Audio API 背景音樂與音效，音訊狀態在路由切換間持久保存
- 完全靜態部署 — 零後端、無需伺服器，透過瀏覽器 URL 即可遊玩
卡牌連鎖計分與 AI 對手
- 每消除 5 顆泡泡，即送出 1 張黃卡給對手作為懲罰
- 3 張黃卡升級為 1 張紅卡 · 3 張紅卡升級為 1 張紫卡
- 卡牌累積修改對手棋盤，對戰過程中持續升高壓力
- AI 對手以獨立棋盤邏輯完全並行運作，定時自動射擊
- 穩定的 AI 節奏搭配卡牌懲罰，創造真實持久的競技挑戰
