A JavaScript tile-puzzle game. Check back for updates!
1-16! Press play to shuffle and try to get the numbers back in order!
- 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.
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 61E1 = 15, 3-3 = 16.png (or whatever file extension)
-
Submit the folder in an e-mail to:
woojaeyi93@gmail.com
with Subject Headline: "TIZZLE NEW PUZZLE" and they will be subject to review and approvalOr you can clone my repo off of GitHub:
Woojae's GitHub
and make a pull request after adding your photo folder in its appropriate format in the img folder
- Deploy TIZZLE
- Add feature to 'tilify' a picture so that TIZZLE can expand with a new game mode
- Add gallery to see what finished puzzles are supposed to look like
- 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
HTML, CSS, Vanilla JS, jQuery, MousetrapJS