Steam 스토어 링크

특징

• 5대 장애물 생태계 — 사막, 눈사장, 숲, 도시, 우주, 각기 다른 장애물과 배경 분위기
• 도구 시스템 — 방패, 속도 증가, 느린 동작, 배점 2배, 마그네틱, 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 # 组件样式