# TIZZLER
A JavaScript tile-puzzle game. Check back for updates!<br>
<br>
## Now Available!<br>
1-16! Press play to shuffle and try to get the numbers back in order!

How to Play
-----------
* Clone or download the repo: git clone https://github.com/oxwootang/tile-game.git
* Open index.html file in your browser (make sure to enable JavaScript)
* Click the Play button
* Press in the direction that you wish to move towards the empty tile
* AKA - pressing "UP" means that you want the tile below the blank tile to move up and switch places with the blank tile.





Upcoming
---------
* Deploy Tizzler
* Add feature to 'tilify' a picture so that Tizzler can expand with a new game mode
* Stretch Goals: add move counter; add user model to keep track of best move record and maybe last game; add share functionality to share on social media



Stack
------
HTML, CSS, Vanilla JS, jQuery, MousetrapJS
# TIZZLER
A JavaScript tile-puzzle game. Check back for updates!<br>
<br>
## Now Available!<br>
1-16! Press play to shuffle and try to get the numbers back in order!

How to Play
-----------
* Clone or download the repo: git clone https://github.com/oxwootang/tile-game.git
* Open index.html file in your browser (make sure to enable JavaScript)
* Click the Play button
* Press in the direction that you wish to move towards the empty tile
* AKA - pressing "UP" means that you want the tile below the blank tile to move up and switch places with the blank tile.



Contribute
----------
If you would like to submit a picture to be a puzzle, please upload your photo to imagesplitter.net and:
* Resize the image to be 900 x 900 and download it
* Split that image into 4 rows and 4 columns and unzip the folder
* Rename the folder to be simple with no special charactes or spaces
* Rename the 16 image files in the folder in the following manner:
* 0-0 = 1, 0-1 = 2, 0-2 = 3, 0-3 = 4, 1-0 = 5, ... , 3-2 = 15, 3-3 = 16.png (or whatever file extension)
* Submit the folder in an e-mail to: <br>
    <a href="mailto:woojaeyi93@gmail.com">woojaeyi93@gmail.com</a><br> with Subject Headline: "TIZZLE NEW PUZZLE" and they will be subject to review and approval


Upcoming
---------
* Deploy Tizzler
* Add feature to 'tilify' a picture so that Tizzler can expand with a new game mode
* Stretch Goals: add move counter; add user model to keep track of best move record and maybe last game; add share functionality to share on social media



Stack
------
HTML, CSS, Vanilla JS, jQuery, MousetrapJS
Edit readme with instructions to contribute a new photo for the puzzle
Edit readme with instructions to contribute a new photo for the puzzle
