Rows of pieces:
Columns of pieces:
Change background color:
Enter the number of rows and columns (each must be between 1 and 16) you want your puzzle to have, then upload an image.
Press "Make a Puzzle!" to generate the puzzle.
Click and drag to move the puzzle pieces.
If two puzzle pieces that go with each other are moved next to each other and aren't currently being dragged, they will snap into place.
Click "Show Complete Image" to see the photo you uploaded. You can drag it around. Click outside of the image to close it and resume working on the puzzle.
Click the "Change Background Color" button at any time to select a color for the "puzzle mat."
While you're working on a puzzle, click "Save Puzzle" to save the image, piece shapes, piece positions, and background color to your cookies.
Then, you can click "Load last saved puzzle" to restore the puzzle.
Some images are too large to store, in which case you will have to re-upload your image before clicking "Load last saved puzzle". You will be notified if this is the case when you save.
Source Code for Jigsaw Puzzle Maker
The source code is licensed under
Attribution-NonCommercial-ShareAlike 3.0 Unported (CC BY-NC-SA 3.0)Added saving the puzzle
Added change background color button
Added confetti and "Congratulations!" message
Puzzle pieces can't fully leave canvas. r & c inputted by user
Bug fix: inward knobs no longer occasionally overlap
Multiple possible knob shapes
Switched the way knobs are added. Now knobs have random position. Also got rid of more white lines.
Pieces can know be picked up by their knobs and not by places where they have holes. Got rid of the white band on the bottom of the puzzle (now crop image to be divisible by r and c)
Pieces are now "puzzle piece" shaped (rectangles with knobs going in and out that match up when the pieces click together).
Canvas size based on window
Puzzle pieces start in the center and scatter
Image automatically resized to keep proportions, but not have height greater than 80% of canvas height or width greater than 80% of canvas width.
Image split into r*c movable pieces that "click" together. When you have finished the puzzle, celebratory text displays on the screen.
Uploaded image gets split into r*c draggable, rectangular pieces.