Josh's Stratego

Live Site

Technologies

• JavaScript
• HTML5 Canvas
• CSS
• Webpack

Background

Stratego is a game where skillful planning, clever deception and good memory work are used to defeat your opponent. Every time you play the battle is different.

1. Pieces move one square at a time, forward, backward or sideways.
2. Pieces cannot move diagonally. They cannot jump over another piece. They cannot move onto a square already occupied by another piece (unless attacking).
3. Only one piece can be moved on a turn.
4. Smaller numbers beat higher numbers.
5. You must capture your opponents flag to win.

Object Oriented Programming

This game was built using three classes with their respective methods.

• game
  • play
  • detonateBomb
  • defeatMarshal
  • showTie
  • showWin
  • showLose
  • selectPiece
  • clearPiece
  • switchPlayer
• board
  • shufflePieces
  • createPieces
  • validMove
  • validSingleTileMove
  • insideLake
  • render
  • drawLakes
  • drawTiles
  • drawCurrentPlayer
• piece
  • asignRank

Functionality

With Josh's Stratego, users are able to:

• Start out with pieces setup in random positions.
• Click on the pieces and move them to positions that are valid.

Architecture and Technologies

This project was be implemented with the following technologies:

• JavaScript for game logic,
• Html Canvas for effects rendering
• Css for styling
• Webpack

additional features

• Bombs can only be destroy by the 8 piece.
• Lakes are areas where no pieces can move into.
• Scouts that can traverse as far as they want in a single turn.
• The Spy that can defeat the 1 piece only when attacking it.