Steam Store Link

Features

• 5 Major Level Ecosystem — Desert, Snowy Plains, Forest, City, Space, each with unique obstacles and scene atmosphere
• Item System — Shield, Dash, Slow Motion, Double Points, Magnet, 5 types of power-ups
• Unlockable Skins — Classic, Ninja, Space, Knight, Robot, Gold, purchase with in-game coins
• Ghost Racing — Race against your best recorded run
• Local Two-Player — Play two-player on the same machine
• Daily Challenges — Generates the same seed level every day, with global players competing on the same stage
• Day and night cycle — Dynamic lighting switching during gameplay
• Steamworks integration — Achievements, leaderboards, statistics (optional; automatically enters offline mode without SDK)
• Gesture mode (experimental) — Control dinosaurs via camera gestures: thumbs up to jump, thumbs down to crouch
• Head control mode (experimental) — Free your hands, control dinosaurs via head posture: look up to jump, look down to crouch, turn left or right to trigger temporary speed changes
• Professional-grade dark UI — Dynamic gradient background, frosted glass HUD, smooth transition animations

Technology Stack

project structure

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 # 组件样式