Hex Mines

Inspiration

Mineswpeer has been an adiction for me. I always play when I conmute and don't have a book. I wondered how the difficult the puzzle would be on other grids. I started with a hexagonal grid because it was the most appealing to me.

What it does

You play minesweeper on a hexagonal grid. It is a game where some cells have mines. The goal is to click and reveal all clean cells without mines. The first cell clicked is always clean and starts a timer. A revealed cells indicates the number mines on adyacent cells.

You can choose the size of the grid and the number of mines, which may be between 1 mines and the total number of mines.

How I built it

HTML and Javascript, I used Scalable Vector Graphics (SVG) for the geometric figures.

Challenges I ran into

Issues generating the hexagonal-cells, specially trying to adjust their size so the overall board would remain the same. I did this whole project on my own. I arrived late at the Hackathon. This is also my first submission on a MLH hackathon.

Accomplishments that I'm proud of

I had little knowledge of Javascript and nothing of SVG, now I am more confident.

What I learned

Javascript, styles, troubleshouting.

What's next for Hex Mines

• Make a leaderboard.
• Store data of the game on an external variable for better performance and to avoid cheaters. Right now I am using the tags of each object, which also makes it easy for people to cheat.
• Refine the use of SVG.
• Use existing hexagonal grid for other games. I would like to make a Langton ant.
• Use other grids (triangular, etc...).

Built With

• html
• javascript