Hexa Battle
A turn-based tactics game on a hex grid, written in TypeScript with React. Comma...
Hexa Battle
📖 How to Play
Pick a level, then click one of your units — its possible destinations highlight. Click a highlighted hex to move or pick an action from the ability list. End your turn and let the AI respond. Chasing with a single unit is a losing trade.
📚 Complete Game Guide
Hexa Battle
Hexa Battle is a turn-based tactics game on a hex grid, written in TypeScript with React 15. You command a squad against an AI opponent, moving units and using their abilities to hold territory. Both sides act in turn, so every position you create has an answer — the whole game is about creating positions where the answer is bad for you.
The whole client — engine, AI, level content and interface — ships as a single bundle. Hex movement uses the six neighbouring directions rather than four, which changes blocking and chokepoints completely.
How to Play
- Pick a level from the campaign list.
- Click one of your units to select it. Its possible destinations highlight.
- Click a highlighted hex to move, or pick an action from the unit's ability list.
- End your turn and let the AI respond.
- Clear the enemy units to advance.
Controls
- Click a unit — select it
- Click a highlighted hex — move there
- Click an ability — use the selected unit's ability
- End turn — pass to the AI
- Mouse and touch are both supported
Tips
- On a hex grid, a unit with six neighbours is harder to contain than one with four. An enemy that thinks it is boxed in usually is not.
- Elevation and faction ownership both matter — contesting a hex the enemy already holds is often stronger than taking an empty one.
- The AI looks several moves ahead. Chasing it with a single unit is a losing trade; trade into favourable ground instead.
Save Data
Nothing is persisted. Each session starts at the first level.
Open Source & License
Hexa Battle was created by Giacomo Tagliabue and is licensed under the MIT License.
- Original game source: https://github.com/itajaja/hb
This integration self-hosts that build so it runs entirely in your browser. It
was compiled from the upstream monorepo with the upstream toolchain (webpack 2
plus ts-loader). The only change was making the webpack publicPath relative
so the hashed assets resolve from the game's embedded path, and dropping the
production source map. The game bundle itself is the unmodified production
output.
🎮 Controls
Share This Game
🎮 Related Games
Swap
A turn-based grid puzzler with a roguelike twist. Every tile you step on swaps with an adjacent one, so the floor rearranges under you as you plan against an AI that sees several moves ahead.
Connect Four
The classic drop-and-connect strategy game against an AI opponent on canvas. The opponent plays minimax with alpha-beta pruning and a tuned evaluation function — it will not always take the best move.
React Tetris
A pixel-perfect React implementation of the classic Tetris game. Smooth controls, great visuals!
Mindustry Classic
The classic build of Mindustry — an open-source factory-building tower-defense game. Mine resources, build conveyor belts, craft ammo, and defend your core from endless waves of enemies. Pure browser version based on build 40.
💬 Comments
Coming soon! Sign in to leave a comment.