Skip to content

sylhare/Minesweeper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

84 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Minesweeper

Codacy Badge Build Status

Instructions

  1. First click on the green button to download or click here
  2. Unzip the file like a boss.
  3. Click on index.html to open the file in your default browser
  4. Play !

Screenchot

How to Play

Here is a quick guide on how to play the game:

  • Right click on a gray square to unveil it.
  • The number on the unveiled square reveals the number of mine directly around
  • Left click on a gray square to flag it (a red flag will appear).
  • The goal is to unveil all of the case that does not contain any mines and flag all of the squares that contains a mine.
  • the number of mines is at the top of the canvas.

Updates to come

Here are the features to come. Find the already deployed features in the changelog.md

For the future versions

  • Possibility to change number of mines in settings
  • Update the project folder's structure?
  • Reduce cyclomatic complexity
  • A Selector to choose the board size in settings
  • Have same format for all in game images
  • Make it portable (for phones, or in an App)
  • Have a saving feature (using cookies)
  • Make it into an node package

More information on the project

I used javascript and CSS without any framework (beside the one for testing: Jasmine, used with Karma on Travis CI). The minesweeper is rendered in a canvas object.

The project is build with:

  • Sketch.js that does the control and set-up.
  • Board.js for the minesweeper board model that is rendered through a lot of zones.
  • Zone.js defines the zones to be displayed in the board.
  • Explosion.js is used to create explosion when a mine explode.
  • Timer.js is for the timer used in the game.