/mnt/okcomputer/output/app/
├── src/
│   ├── components/
│   │   ├── GameCanvas.tsx    # Canvas渲染（背景、网格、实体）
│   │   ├── ReadyScreen.tsx   # 开始页面
│   │   ├── GameHUD.tsx       # 游戏HUD（排行榜、统计）
│   │   └── EndScreen.tsx     # 结束页面
│   ├── hooks/
│   │   └── useGame.ts        # 游戏核心逻辑（状态、循环、AI）
│   ├── types/
│   │   └── game.ts           # 类型定义
│   ├── constants/
│   │   └── game.ts           # 游戏常量配置
│   ├── utils/
│   │   ├── math.ts           # 数学工具函数
│   │   └── random.ts         # 随机生成工具
│   ├── App.tsx               # 主组件
│   └── App.css               # 样式

cd /mnt/okcomputer/output/app
npm install
npm run dev

// 位置: ParticlePool.ts - spawnTrail()
// 触发: useGame.ts - 玩家/AI移动时根据速度生成

// 位置: ParticlePool.ts - spawnExplosion()
// 触发: useGame.ts - checkCollisions() 吞噬粒子时

// 位置: 
//   - ParticlePool.ts - spawnShockwave()
//   - useGame.ts - triggerShake()
// 触发: checkCollisions() 吞噬其他球时

// 位置: GameCanvas.tsx - drawNebula(), drawStars()

// 位置: useGame.ts - startDash(), endDash()
// 配置: constants/game.ts - DASH_CONFIG

// 位置: 
//   - useGame.ts - getDangerIndicators()
//   - GameCanvas.tsx - drawDangerIndicators()

// 位置: GameCanvas.tsx - drawAIBalls()

// 位置: useGame.ts - makeAIDecision(), updateAIBalls()

// 使用插值平滑方向变化
const steerFactor = 0.08;
const smoothedDir = {
  x: lerp(currentDir.x, targetDir.x, steerFactor),
  y: lerp(currentDir.y, targetDir.y, steerFactor),
};

// 位置: ParticlePool.ts
class ParticlePool {
  private pool: EffectParticle[] = [];  // 预创建500个粒子
  private maxSize = 500;
  
  obtain() // 获取可用粒子
  spawnTrail() // 创建拖尾
  spawnExplosion() // 创建爆炸
  spawnShockwave() // 创建冲击波
  update() // 更新所有粒子
}

// AI决策优先级：
1. 检测威胁（附近的大球）→ 逃跑模式
2. 寻找可吞噬的球 → 追击模式
3. 寻找最近的粒子 → 吃粒子模式
4. 以上都没有 → 游荡模式