Giter Club home page Giter Club logo

idanstrul / minesweeper Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 866 KB

๐Ÿ’ฃ๐Ÿšฉ๐Ÿคฏ The good old Minesweeper game! Including several extra features. This is my first ever full scale (yet small) project, written in 4 days in JavaScript (Vanilla). Enjoy!

Home Page: https://idanstrul.github.io/MineSweeper/

CSS 29.19% HTML 9.69% JavaScript 61.12%
css3 html5 javascript minesweeper-game minesweeper-js vanilla-js webgame

minesweeper's Introduction

MineSweeper

The good old Minesweeper game! Including several extra features.

General Information

This is the "Sprint #1" project of the Coding Academy web-development course. Written in 4 days in Vanilla JavaScript after only two weeks of coding, this is my first ever attempt in creating a complete web-app.

Technologies Used

  • HTML5
  • CSS3
  • JavaScript - ES6

Features

List the ready features here:

  • 3 difficulty levels.
  • 3 lives.
  • 3 hints for uncovering a small part of the board for few seconds.
  • 3 safe clicks to mark a safe place to click next.
  • Recursive opening of empty cells.
  • First click is never a mine.
  • Best scores are saved to local storage.
  • Undo button.
  • "7 Boom!" button - to create a board with a mine in every 7th cell.

Screenshots

Example screenshot Example screenshot

Usage

  • Use a left mouse click on any unrevealed cell in order to reveal it's content.
  • Use a right mouse click on any unrevealed cell in order to mark it with a flag.
  • Every revealed cell shows a number indicating the number of mines found in adjacent cells, or a mine.
  • In order to win the game reveal all empty cells and mark with a flag all the cells that contain a mine!
  • If you step on 3 mines you lose!
  • You can click on the light bulb to the left side and then on any unreveald cell on the board in order to get a hint.
  • You can also click the safe click button to see a hint on the board for a safe cell you can click next.
  • You can undo steps using the undo button.
  • In order for a record to be saved there is a requirement for a "clean win" - which means winning without using any of the extra features supplied.
  • You can click the smiley at any time to restart the game.

Project Status

Project is: no longer being worked on. Reason: Moved to work on higher scale projects.

Room for Improvement

  • Bug fixes:
    • In the "7 Boom!" board when first click is a mine there's no reduction of life for that click.
  • Add more features:
    • Manually positioned mines.
    • Change settings feature.
  • Improve style, UI, and responsive design.

minesweeper's People

Contributors

idanstrul avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.