steam 商店鏈接

特性

• 5 大關卡生態 — 沙漠、雪原、森林、城市、太空，各有獨特障礙物與場景氛圍
• 道具系統 — 護盾、衝刺、慢動作、雙倍積分、磁鐵，5 種增益道具
• 可解鎖皮膚 — 經典、忍者、太空、騎士、機器人、黃金，用遊戲內金幣購買
• 幽靈競速 — 與自己的最佳錄像賽跑
• 本地雙人 — 同一臺機器上雙人遊玩
• 每日挑戰 — 每天生成相同種子關卡，全球玩家同臺競技
• 晝夜循環 — 遊戲過程中動態光照切換
• Steamworks 集成 — 成就、排行榜、統計數據（可選；無 SDK 時自動進入離線模式）
• 手勢模式（實驗性） — 通過攝像頭手勢控制恐龍：豎起大拇指跳躍，向下豎大拇指蹲下
• 頭控模式（實驗性） — 解放雙手，通過頭部姿態控制恐龍：抬頭跳躍、低頭蹲下、左右轉頭觸發臨時速度變化
• 專業級深色 UI — 動態漸變背景、毛玻璃 HUD 、流暢過渡動畫

技術棧

項目結構

src/
├── main/                  # Electron 主進程
│   ├── index.ts
│   └── steam.ts           # Steamworks SDK 集成
├── preload/               # 預加載腳本（ Context Bridge ）
│   └── index.ts
└── renderer/              # 渲染進程
    └── src/
        ├── App.tsx            # 根組件 & 事件綁定
        ├── main.tsx           # React 入口
        ├── phaser-game.tsx    # Phaser ↔ React 橋接
        ├── components/        # React UI 組件
        │   ├── main-menu.tsx
        │   ├── game-overlay.tsx
        │   ├── game-over.tsx
        │   ├── skin-selector.tsx
        │   ├── shop.tsx
        │   ├── settings.tsx
        │   └── daily-challenge.tsx
        ├── stores/            # Zustand 狀態倉庫
        │   ├── game-store.ts
        │   ├── input-mode-store.ts
        │   └── player-store.ts
        ├── hooks/
        │   └── use-game-events.ts  # Phaser ↔ React 事件鉤子
        ├── game/
        │   ├── main.ts        # Phaser 遊戲引導
        │   ├── event-bus.ts   # 跨框架事件總線
        │   ├── types/         # 共享 TypeScript 類型 & 枚舉
        │   ├── assets/        # Chrome 精靈圖資源
        │   ├── scenes/        # Phaser 場景
        │   │   ├── boot.ts
        │   │   ├── preloader.ts
        │   │   └── game-scene.ts
        │   ├── objects/       # 遊戲對象
        │   │   └── dino.ts
        │   ├── managers/      # 遊戲子系統管理器
        │   │   ├── background-manager.ts
        │   │   ├── camera-source.ts
        │   │   ├── difficulty-manager.ts
        │   │   ├── ghost-manager.ts
        │   │   ├── head-pose-source.ts
        │   │   ├── ground-manager.ts
        │   │   ├── input-manager.ts
        │   │   ├── level-manager.ts
        │   │   ├── obstacle-manager.ts
        │   │   ├── power-up-manager.ts
        │   │   └── score-manager.ts
        │   ├── sprites/       # 程序化精靈生成
        │   └── audio/         # 程序化音頻生成
        └── styles/
            ├── global.css     # 設計令牌 & 基礎樣式
            └── components.css # 組件樣式