Shuffle Images Game
Using JavaScript for functionality & interactivity and CSS for styling & animations
Fully responsive layout, using media queries and flexbox.Instructions
-
To move a tile, just use your mouse and drag & drop the selected tile into the empty slot.
For touch screen devices, we use touch events, so touch the tile of your choice & drop it into the empty slot.
* Only horizontally/vertically adjacent tiles to the empty slot can be moved. - You can select a different image by clicking the dropdown menu & then the "Restart button", located at the controls area at the bottom.
- You can get a hint, by clicking the "See Original Image" button, located at the controls area at the bottom. When ready, just click again the button to resume your game.