WIP: A 3D browser game where you run under balconies to avoid the rain!

Plan: create a game with pure 100% code by AI and no human intervention in the code, including the assets and debug.

Goal: Survive as long as possible by staying dry under building balconies.

Controls:

• Keyboard:
  • A / Left Arrow → Move left
  • D / Right Arrow → Move right
  • Enter / Space → Start/Restart game
• Touch (mobile):
  • Swipe left/right → Move
  • Tap to start

Mechanics:

• Rain fills the wet meter (green/red bar in top-left)
• Under balconies, the wet meter drains
• If it reaches 100% → Game Over!
• Cars on the road push you back and increase wetness
• Difficulty increases over time (fewer balconies, more rain, more cars)

• Height: 8-20m (variance of 5-9m between buildings)
• Balconies:
  • 70% chance per building
  • 1-2 balconies per building
  • Positioned at 40% building height
  • Minimum 3.5m clearance from ground
• Windows:
  • Dimensions: 1.4-1.6m wide × 1.5-1.8m high
  • 50% random on/off state
• Doors:
  • Height: 2.1m
  • Color: Brown (0x8B4513) with red (0x8B0000) handles
• Street Lamps: Positioned at sidewalk (x: ±3.5m)

• Car: 4.5m × 1.7m × 1.4m (realistic sedan)
• Player: 0.5m height

• Maximum 15-20 unique MeshStandardMaterial instances
• GPU texture unit optimization required

• Wind angle affects rainfall direction
• Wetness meter mechanics:
  • Fill rate: 8/s
  • Drain rate: 20/s
  • Game over at 100% wetness

• Shadow people behind balcony windows
• Antenna blinking lights on buildings
• Drip lines from balconies during rain

• Three.js 0.168.0 via CDN (no bundler)
• Shadows disabled for WebGL compatibility
• GPU texture unit limits (15-20 materials max)

• Chunk-based infinite street generation
• Dynamic object spawning based on distance

• Node.js (version 16 or higher)
• npm (included with Node.js)

# Clone the repository (if you haven't already)
cd avoidrain

# Install dependencies
npm install

# Start the development server
npm run dev

The game will be available at: http://localhost:5173

• Three.js - 3D rendering
• Vanilla JavaScript - No UI framework

Built with OpenCode using Regolo.AI models.