Advance Wars - Browser Game

A browser-based turn-based strategy game inspired by Advance Wars.

Features

• Turn-based combat system
• Multiple unit types: Infantry, Tanks, and Choppers
• Grid-based movement with range indicators
• AI opponent that moves and attacks strategically
• Multiplayer support - Play against other players online!
• Battle cutscene animations
• Health system with visual soldier counts
• Win/lose conditions
• Restart functionality

How to Play

Unit Types

• Infantry (👤): 10 soldiers at full health, 3 movement range, basic attack power
• Tank (🚜): 4 soldiers at full health, 5 movement range, high attack power
• Chopper (🚁): 3 soldiers at full health, 6 movement range, medium attack power

Game Controls

1. Select Unit: Click on any of your (blue) units to select them
2. Move: After selecting, click on a highlighted yellow tile to move
3. Attack: After moving (or from current position), click on a red highlighted enemy unit to attack
4. Cancel: Click the Cancel button to deselect the current unit
5. End Turn: Click "End Turn" when you're done moving your units

Combat System

• Each unit has 100 health represented by soldiers
• Damage is calculated based on attack power and current health
• Units can counter-attack if they survive the initial attack
• Battle animations show the combat sequence
• Units are destroyed when health reaches 0

Winning

• Destroy all enemy (red) units to win
• Don't let all your units get destroyed!

Architecture

This game has two deployment modes:

1. Single-Player Mode: Pure static files (HTML, CSS, JS) - works anywhere
2. Multiplayer Mode: Requires a separate Node.js WebSocket server

Quick Deployment

Single-Player Only (No Server Required)

Deploy to Vercel, Netlify, or any static host:

vercel

The game works immediately in single-player mode. The multiplayer button will show a helpful message.

Full Multiplayer Support

See DEPLOYMENT.md for complete instructions on deploying both the static frontend and multiplayer server.

Local Development

Single Player Mode

Simply open index.html in a web browser to play against the AI locally.

Multiplayer Mode

To play multiplayer, you need to run the Node.js server:

1. Install dependencies:

   npm install

2. Start the server:

   npm start

3. Open your browser and navigate to http://localhost:3000

4. Click the "Multiplayer" button at the bottom of the page

5. Wait for another player to join (open another browser window/tab or share the URL with a friend)

6. Once matched, you'll be randomly assigned to either the mouse team (blue) or bird team (red)

7. The mouse team always goes first

8. Play proceeds just like single player mode, but you take turns with your opponent

Note: Multiplayer requires an active server connection. The game will fall back to single player mode if the server is not running.

Future Enhancements

• More unit types (Artillery, Anti-Air, etc.)
• Terrain effects (forests, mountains, rivers)
• Multiple maps
• Building capture mechanics
• Production/economy system
• Unit sprites/images
• Ranked matchmaking
• Game replay system