Operation Hex

Operation Hex

A turn-based hex strategy prototype built with HTML5 Canvas and TypeScript. This is an ongoing learning project — expect rough edges, unfinished features, and bugs.

What it does right now

• Turn-based hex combat on procedurally generated maps (20×30 or 30×30).
• Three unit types: Infantry (captures cities), Tanks (frontline), Missile Launchers (ranged).
• Play as one of four factions (Blue, Red, Yellow, Green) versus computer opponents.
• 1v1 and 1v3 game modes.
• Economy and unit production — capture cities for income, build new units.
• Terrain affects movement and defense: plains, forests, mountains, and water.
• AI opponents with basic personality variations.
• Auto-play, save/load via localStorage, and per-turn undo.
• A basic map editor (paint terrain, place capitals, export as .ophx.json).

What it doesn't do (yet)

• No multiplayer.
• No fog of war or unit upgrades.
• No campaign or story mode.
• The AI makes questionable decisions sometimes.
• UI is functional but rough around the edges.
• It's a prototype — treat it as such.

How to play

1. Pick a game mode and faction color from the start menu.
2. Click a unit to see move and attack ranges.
3. Move, attack, capture cities, or produce new troops.
4. Press T to end your turn.
5. Capture or destroy every enemy capital to win.

Only infantry can capture cities. Keep them safe.

Controls

• Arrow keys — move cursor
• WASD or drag — pan the map
• Mouse wheel — zoom
• Click — select and act
• T — end turn, P — auto-play, Z — undo
• M — music, X — SFX, S — save menu

Credits

• Music: Holizna War (Game Commission) by HoliznaCC0 (CC0 1.0, Free Music Archive).
• Sound effects: procedural Web Audio synthesis.
• Built with TypeScript, Vite, HTML5 Canvas, and GSAP.
• Game logic and UI text developed with AI assistance. No AI-generated images or audio files.