Sliding Tile Puzzle

Browser must support HTML5 Canvas. Supported browsers: IE9 & above, Firefox, Chrome, Safari, Opera.

JavaScript must be enabled to run it and jQuery.

Compatible with mobile devices such as iPad, iPhone, and Android.

Adobe Flash is NOT required.

Use image as wallpaper or video as animated background. The preset list includes educational world map, inspirational quotes, beautiful sceneries & videos, etc.

Press F1 to toggle this help window.
Press ESC to close or open the left control panel. Or click on the left side, top or bottom space.
Press F11 (or click on the top right button in the left panel) to go full-screen on some browsers.

Create a hole by clicking on a tile, or the 1st tile becomes the hole after the START button is pressed and the tiles are randomized.

Click on any tile on the same row or column as the hole to slide over and fill the hole. All tiles between them will slide as well.

Press START button in the control menu (or SpaceBar) to randomize the tiles.
Click or use Arrow Keys on keyboard to move the tiles.
On some browsers, drag and drop any image or video file from local machine to the background to change it.
MP4, OGV, or WebM video formats are supported (HTML video support varies on different browsers).
When Jigsaw mode is enabled, any tile can fill the empty hole after the tile is clicked.
On mobile devices, video may not be supported and set as animated background.

If you have any suggestions or questions, please feel free to contact me.