Webpuzzle
An HTML5 sliding picture puzzle game
Introduction
“Jochen’s Sliding Picture Puzzle” is a puzzle game which you can play in your web browser. It is implemented as an HTML5 app and requires a modern web browser with good HTML5 support to play.
- If you simply want to try the game, you can go straight to the copy hosted on my server: play it now!
- Jochen’s sliding picture puzzle is free software. Thus you can make your own version of the game, either just by including different images or maybe by making more ambitious enhancements like adding a high-score list. See the terms of the GNU Affero General Public License for details.
- You can study the program to learn about programming HTML5 Apps. Some things I learned while writing this program are presented in my tutorial on how to write an HTML5 App.
A screenshot of Jochen’s Sliding Picture Puzzle
Download
| Version | Date | Download | Notes |
|---|---|---|---|
| 2 | 2010-12-08 | tar.gz (680 KB), sig, sha16347d10ca8bdcfd8f612abd680930c50d79fd028 |
bug fix release |
| 1 | 2010-06-27 | tar.gz (678 KB), sig, sha17a4305ced791552f270777246f342d1c84027b04 |
Open Issues
This section lists some problems with the code which I haven’t solved yet. Hints how to solve these problems would be very welcome.
-
Sound does not work in Google Chrome on MacOS X when I run the copy on the web server. Curiously, when loading exactly the same files from the local file system instead, sound works. Also sound works with Apple Safari and Firefox.
-
The custom cursors do not work with Firefox on MacOS X. They do work with Firefox on Linux and with both Safari and Chrome on MacOS X. (This seems to be expected behaviour.)
-
After you have moved a tile, the cursor doesn’t immediately change back to its normal shape. You need to move the mouse by one pixel to make the change happen (at least with Google Chrome and Safari on MacOS X). This problem is quite mysterious to me. Maybe a browser bug?
References
- the Wikipedia page about the fifteen puzzle