Play the 2048 on your broswer here!
- This game should run on any browser (including old versions of Internet Explorer)
- If there is any issue playing the game, please let me know by submitting an issue or a pull request!
This is a fun game where you slide tiles up, down, left, or right in order to combine matching tiles. There is no set winner, as the objective of the game is just to reach the highest score until the entire board is filled up with tiles and you cannot slide any direction (you can only slide if there are empty spaces or there are the same tiles next to each that can combine into 1). For the sake of a "win" clause, we set the max score you can get to be 2048.
- Fun Fact: The creator of 2048, Gabriele Cirulli, made the game just as a casual project he finished in a few days.
The game should initialize in your browser with a grid of 16 tiles and be ready to start playing. Two random tiles of "2" on your board will be randomly placed on.
The user can then press any arrow key direction to start moving the tiles in that direction
There should be 3 text displays.
- A greetings to welcome the player to start playing.
- A status of the game. The statuses can be:
- Playing Game, You have lost, or Winner
- A Best Score display. This will save even when you start a new game
A message highlighted in red should be on top of the board letting the player know they have lost and the player will not be move the tiles in any direction.
At any point in the game, whether it be the beginning to have new random tiles, while you are playing your game, or after you lose, the player has the option to click the 'New Game' button to initialize a new board with 2 new random tiles of value 2.
The game will start off with a 4x4 grid game board of tiles (16 tiles in total), with 2 tiles of value 2 being randomly placed on the board. The game will be ready to go once you open the link.
-
user will be able to press the up, down, left, or right arrow key on their keyboards to slide the tiles the most they can to that direction (either to the end of the board, or to the nearest possible space).
-
sliding in any direction will cause a new tile of value 2 to appear randomly on the board.
-
if the board is filled and nothing happens, that means the game is still playable and you can slide in a certain direction to combine like-tiles.
-
if the board is filled with tiles and it is impossible to slide, then you have lost the game and your score gets saved into the 'best score' box on the top.
-
at any point, even after the game ends, you have an option to hit the new game button to get a fresh new board.
-
as a user, I want to be able to press any arrow key and have tiles move in that direction
-
as a user, I want to be able to start a new game whenever I want
-
as a user, I want my best score to be saved, even if I start a new game before I lose
-
as a user, I want the game to not register any moves after I lose
-
In a future iteration, I would like to implement smooth sliding of the tiles to clearly show which tiles are moving and which tiles are combining
-
Another future iteration I would like to implement is to be able to save the user's name and their best score, and have it appear even if the exit the broswer and come back to it.
-
For aesthetics, I would like to update the CSS, and research on what color combinations work best together.
- CSS, JavaScript, HTML5