Picture Puzzle
Swap pieces by dragging to rebuild a photo or a generated pattern.
FAQ
How do I play the picture puzzle?
Are uploaded pictures sent anywhere?
Is every shuffle solvable?
How are best results stored?
How to use
- Pick a grid size
Choose 3×3 to 6×6 at the top. The size decides how many tiles the picture is cut into, and switching deals a fresh shuffle at once. Start small and climb when it feels easy.
- Prepare the picture
Upload a local photo and it is center-cropped into a square. Or press New pattern to draw a seeded geometric picture on the canvas. Both sources stay on your device.
- Swap two tiles
Drag one tile onto another and release to swap them, or tap one tile and then a second one. Arrow keys move the cursor and Enter or Space confirms the swap.
- Peek at the original
Hold the Preview button or the V key to show the untouched picture, and release to jump straight back. Peeking costs no moves and never stops the clock.
- Watch moves and time
The clock starts on your first swap. The overlay reports moves and time, and every grid size keeps its own fewest moves and fastest time, safe across page refreshes.
About this tool
The picture puzzle is the friendliest of the classic restoration games. A complete image is cut into equal tiles, the tiles are shuffled, and you put the picture back by swapping any two of them. That is the whole rule, and it never changes. Learning takes seconds; playing well takes much longer. Every swap is a small commitment, and careless ones scatter tiles you had already placed. This version offers four grid sizes from 3×3 to 6×6. The picture can be a photo from your own device or a pattern generated on the canvas. Every round runs entirely in the browser with no account and no upload.
Unlike sliding tile games, a swap puzzle has no unsolvable layouts. Swapping is reversible, so any deal can be walked back to the original picture, and the real contest is who needs fewer swaps. The clock starts on your first swap, and the finish overlay reports moves and time together. Fewest moves and fastest time are recorded separately for every grid size. Records live in your browser, so clearing site data or moving to another device starts a fresh page. Keyboard, mouse and touch all work, pausing is one tap away, and holding the preview key shows the original whenever your memory runs out.
How it works
Built-in patterns come from a seeded generator on the canvas. A seed is just a number fed into a generator. The generator turns it into a fixed run of circles, rings, squares and triangles. Positions, sizes and colors all come from that one random sequence. The shape count never varies, so the same seed reproduces the same picture stroke for stroke on any device. Automated tests can therefore assert on the drawing calls instead of pixels. Uploaded photos take a different path: they are center-cropped to a square, which drops the long-edge overflow and keeps every tile the same shape. Finer grids give each tile less information, so memory matters more.
Shuffling starts from the finished board. A run of random swaps follows, and a deal that matches the finished board is rejected. Because a swap is its own inverse, every deal can be undone back to the picture, so no parity check is ever needed. A tidy strategy treats restoring as sorting: fix the first row, then the first column, and repeat on the smaller board that remains. Scoring is strict in the same way; one useful swap costs one move, and swapping back costs another, so trial and error is billed honestly. Speed comes from removing needless swaps, not from moving fast.
When to use it
- Bring a family photo back
Upload a shared photo, cut it into a 5×5 grid and rebuild it piece by piece. When the overlay reports your result, send it to the family chat and compare move counts. Rebuilding a picture everyone knows turns a quiet puzzle session into a small contest that grandparents can join without any setup.
- Observation practice for kids
A 3×3 round finishes in a few moves, so children see how parts build a whole. Moving up to 4×4 asks them to remember where more tiles belong. That trains observation and memory, and the finished picture gives an honest sense of achievement.
- A short break on the commute
Built-in patterns need no picture hunt, and a 4×4 round fits a short queue. The whole round takes two or three minutes. Close the tab when you are done and nothing lingers: no uploads, no accounts, no leftover data in the browser.
Tips & tricks
- Scan the whole board first and park obvious tiles near their home areas before fine-tuning.
- Start from corners and edges; tiles with a straight side have the fewest possible homes.
- Decide where both tiles are going before you swap, so settled pieces stay settled.
Things to watch
- Solving without peeking
Rebuilding from memory alone is the biggest time sink, because after a few swaps nobody tracks where every tile has been. When a position is unclear, hold the preview button and check the original. One second of looking saves ten blind swaps and keeps your plan intact.
- Knocking settled tiles loose
A corner tile finally lands, and the very next swap sends it away again, undoing real progress. Draw a mental circle around pieces that are already home and route later swaps around them. The finished ring stays finished, and the endgame stays short.
- Chasing the move count only
Staring at the board for minutes to shave one swap stretches your time and hurts both records. Play the round through with a steady plan first, then review the wasted swaps. Move count and time usually improve together once the hesitation is gone.