• seehuhn.de
• Software
• blog
• sitemap

Jochen's Sliding Picture Puzzle

By Jochen Voss, last updated 2011-09-05

Contents

• Introduction
• Download
• Open Issues
• References

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

webpuzzle version 2, 2010-12-08 (bug fix release)

• archive: webpuzzle-2.tar.gz (681KB)
  signature: webpuzzle-2.tar.gz.asc
  sha1: 6347d10ca8bdcfd8f612abd680930c50d79fd028
  md5: c450c321f33dc3ddc965b82957a17671

webpuzzle version 1, 2010-06-27

first public release

• archive: webpuzzle-1.tar.gz (678KB)
  signature: webpuzzle-1.tar.gz.asc
  sha1: 7a4305ced791552f270777246f342d1c84027b04
  md5: b4fc14f2d0c168c1692a85d9ec463907

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.

1. Sound does not work in Google Chrome on MacOS X when I run then 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.
2. 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.)
3. 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

Copyright © 2011 Jochen Voss. All content on this website (including text, pictures, and any other original works), unless otherwise noted, is licensed under the CC BY-SA 4.0 license.