Mockup

mockups

PRE-SETUP-PHASE

Landing page:

On clicking create game--

Create game:

After creating new game--

Join game:

After clicking start battle--

SETUP-PHASE

Initial view:

Position pieces:

After deploying whole army--

Ready for battle:

After clicking on ready button--

PLAYING-PHASE

Playing-Phase:

After selecting piece, it highlights only valid positions-

Move piece to valid position-

Waiting for opponent's move-

Battlefield updates when opponent makes a move-

After selecting piece, it highlights only valid positions and marks red for attacking move-

Shows rank of opponent's piece while attacking-

After killing opponent's piece it occupies opponent's piece position and killed piece will be added in respective captured army-

On mouse hovering over surrender the surrender button gets a black border-

On clicking surrender button a pop-up message pops up asking player if sure about surrender-

Scout can move till it finds an obstruction in it's path-

Scout attacks on opponent's scout-

Both scout get killed and added to the respective captured army-

After selecting piece, it highlights only valid positions-

Move piece to valid position-

Opponent attacks on our piece-

Opponent's piece get killed-

After selecting piece, it highlights only valid positions and marks red for attacking move-

Selected opponent's piece to attack-

Opponent's bomb gets defused by miner-

Waiting for opponent's move-

Battlefield updates when opponent makes a move-

After selecting piece, it highlights only valid positions and marks red for attacking move-

Opponent's flag gets captured-

Show result of battle and reveals strategies of both players-

Show result of battle to opponent-