# react-game

**Repository Path**: winterFly/react-game

## Basic Information

- **Project Name**: react-game
- **Description**: react19+vite-太虚骨龙幼体玩
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-15
- **Last Updated**: 2025-12-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 🐻 倒霉熊跑酷

一款以笨拙可爱倒霉熊为主角的跑酷小游戏，玩家需要控制倒霉熊在充满障碍的跑道上奔跑，收集金币获得高分。

## 🎮 游戏玩法

### 控制方式
- **空格键**：跳跃
- **Shift键**：滑铲
- **暂停按钮**：暂停游戏
- **音效按钮**：开关音效

### 游戏目标
- 躲避障碍物，保持奔跑
- 收集金币获得高分
- 使用道具提升能力
- 完成成就挑战

## 🪙 金币系统

- **🪙 普通金币**：+10分
- **💎 钻石币**：+50分
- **⭐ 幸运星币**：+100分 + 短暂磁铁效果

## 🪨 障碍物

- **🪨 石头**：绊倒减速
- **🌳 倒木**：需要滑铲通过
- **🐝 蜜蜂**：会在空中飞行

## 🛡️ 道具系统

- **🛡️ 保护罩**：免疫一次碰撞（持续5秒）
- **🚀 火箭背包**：飞行收集空中金币（持续3秒）
- **🏃 冲刺鞋**：短暂无敌加速（持续4秒）
- **🧲 磁铁**：自动吸引附近金币（持续5秒）

## 🔥 得分机制

### 基础得分
- 存活时间：每秒+5分
- 收集金币：按金币价值计算
- 通过障碍：+20分

### 连击系统
- 连续收集10个金币：激活2倍积分
- 完美躲避5个障碍：激活冲刺模式
- 摔倒后快速恢复：额外+50分奖励

## 🏆 成就系统

- **金币收藏家**：收集500个金币
- **障碍大师**：连续躲避20个障碍
- **高分传奇**：单局得分突破10000分
- **马拉松选手**：累计奔跑100公里

## 🎨 游戏特色

- 可爱的emoji角色和道具
- 流畅的物理引擎（Phaser 3 Arcade Physics）
- 动态音效系统（Tone.js）
- 温暖的橙黄色配色方案
- 实时成就追踪
- 高分记录保存

## 🛠️ 技术栈

- **游戏引擎**：Phaser 3
- **UI框架**：React 19
- **状态管理**：Zustand
- **音效系统**：Tone.js
- **样式**：Tailwind CSS
- **构建工具**：Vite
- **语言**：TypeScript

## 📝 开发说明

游戏使用Phaser 3的Arcade Physics引擎，提供流畅的2D物理效果。所有游戏资源使用emoji表情符号，实现零资源加载的快速原型开发。

### 项目结构

```
src/
├── game/
│   ├── config.ts          # Phaser游戏配置
│   └── scenes/
│       └── MainScene.ts   # 主游戏场景
├── components/
│   ├── GameMenu.tsx       # 开始菜单
│   ├── GameHUD.tsx        # 游戏HUD
│   ├── GameOver.tsx       # 游戏结束界面
│   ├── PauseMenu.tsx      # 暂停菜单
│   └── Achievements.tsx   # 成就系统
├── store/
│   └── gameStore.ts       # 游戏状态管理
├── types/
│   └── game.ts            # 类型定义
├── utils/
│   └── soundManager.ts    # 音效管理器
└── App.tsx                # 主应用组件
```

## 🎯 游戏提示

1. **连击是关键**：连续收集金币可以激活倍增器，大幅提升得分
2. **善用滑铲**：滑铲可以通过低矮障碍物，同时保持速度
3. **收集幸运星**：幸运星不仅分值高，还会激活磁铁效果
4. **完美躲避**：连续躲避5个障碍会自动激活冲刺模式
5. **摔倒不可怕**：摔倒后快速恢复可以获得额外奖励分

## 📄 版权信息

© 2025 倒霉熊跑酷

---

祝您游戏愉快！🎮✨