Quarto!
What is this? Quarto is a game for two people. There are 16 spots on the board and 16 distinct pieces, each with 4 qualities: light or dark, hollow or smooth, big or small, and square or round. To win a player needs to get four pieces in a row with one characteristic in common. The four in a row can be in any configuration on the board.
Game play is a little different. The first player selects a piece and the second player will select where on the board it will go. Then reverse. The second player chooses the piece and the first player chooses where it will go.
Here's what the real life board game is like:
https://www.youtube.com/watch?v=dOG0Elmpwa4
Why did you make this? This is actually one of my favorite games! And now I can play it anywhere and not have to carry the (acutally quite heavy) board and pieces around.
What should users be able to do? The player is walked through a brief how-to when they initially land on the page. Basically they're able to click on a game piece and then click on the spot on the board they want it to go.
What technologies did you use to make it? jQuery/JavaScript - I had a STEEP CSS learning curve on this to get things looking the way I want, I understand flexbox really well now.
What are you required to have to use it? A computer and access to the internet. Just head to the site: https://kmikitin.github.io/wdi-10-Project-1-Quarto/.
What’s next/forthcoming features? I have so many ideas for more things I want to do!
- Make it so users can't click more than one spot on the board, once a piece is played you can't move it (this is true in the board game as well).
- Account for winning in more than one way - so if you had four light AND four circles in a row it would let you know you won both ways.
- Add logic for the advanced version of the game - this would be in a sqaure/diamond configuration in any of the corners. It would add 32 more ways to win the game, exciting!
- Have a Quarto button that you would click when you got four in a row - this is similar to how the board game functions, the winning player yells Quarto! when they get four in a row.
- Make it so that players could play on two different computers, not the same computer (if they wanted to).