键盘输入可视化平台游戏

src/
├── components/          # React components
│   ├── GameCanvas.tsx   # Main game rendering component
│   ├── GameUI.tsx       # Game interface and overlays
│   └── LoadingScreen.tsx # Loading screen component
├── hooks/               # Custom React hooks
│   ├── useGameEngine.ts # Core game logic hook
│   └── useImageLoader.ts # Image loading hook
├── utils/               # Game utilities
│   ├── input.ts         # Keyboard input handling
│   ├── physics.ts       # Physics engine
│   ├── renderer.ts      # Canvas rendering
│   └── platformGenerator.ts # Platform generation
├── types/               # TypeScript type definitions
│   └── game.ts          # Game-related types
├── constants/           # Game configuration
│   └── game.ts          # Game constants and settings
└── assets/              # Static assets
    └── load.gif         # Loading animation

export const GAME_CONFIG = {
  // Physics
  GRAVITY: 0.5,
  JUMP_FORCE: -15,
  MOVE_SPEED: 5,
  FRICTION: 0.8,

  // Visual - Brand Colors
  BRAND_COLORS: {
    YELLOW: "#FFD800",
    ORANGE_LIGHT: "#FFAF00",
    ORANGE: "#FF8205",
    ORANGE_DARK: "#FA500F",
    RED: "#E10500",
  },

  // Platform settings
  PLATFORM_WIDTH: 120,
  PLATFORM_HEIGHT: 20,
  PLATFORM_SPACING: 120,

  // Player settings
  PLAYER_WIDTH: 90,
  PLAYER_HEIGHT: 90,
};