DAVID WEES
Thoughts from a 21st century educator.
Javascript Puzzle Creator
October 3, 2006
So I wrote a short script in Javascript that takes an image and turns it into a puzzle, which you can then put back together again. Unfortunately it currently only works with an image of a specific size, and location, but I am going to finish it off and make it work for an image of any size, in any location.
You can check out what I've got done so far here:
http://www.davidwees.com/puzzles
Popular content
- Gradient jQuery plugin (35,594)
- Modulo Arithmetic (9,979)
- Using Red 5 Flash media server with Drupal (8,329)
- Interactive Venn diagrams using JavaScript (7,168)
- Javascript Algebra solver (5,973)
- Javascript Puzzle Creator (5,243)
- Flash Compass (5,085)
- Creating Equations in Movable Type (5,005)
- Histograms Online (4,921)
- Game of Life ported to Flash (4,851)
- 1 of 13
- ››
Comments
Puzzle
Love it!
But two questions. The thumbnails do not appear in Internet Explorer, Opera, or Safari for Widows. Only Firefox. Any chance of fixing that? Also, you mentioned making "it work for an image of any size, in any location". Any progress there?
Thank you.
Thumbnails are Firefox only
Unfortunately with the current set up, the thumbnails are for Firefox only. Also I haven't really done any work on this script since the last update, so the image updating part hasn't happened. What would be a good idea would be to create an upload form, then resize/crop the uploaded photo to the right size (and create a thumbnail), then update the page with the new option. I doubt I'll have time to get to that any time soon as I am busy with other stuff, but it should be relatively easy to implement.
Also, I think what might be better than a background image in the select would be the name of the file, and a preview box? So then when the user makes a selection, the preview box is updated instead? This would be pretty easy to implement cross-browser.
Glad you like the script!