Convert any image to a puzzle

Gallery
1

Made with p5.js

Usage

https://puzzlefy.netlify.app/?image=<url>&cols=<number>&rows=<number>

  • image : link to an image url .jpg , .png … and also certain .gif s!
  • cols : width of puzzle in pieces
  • rows : height of puzzle in pieces

If the cols and rows parameters are not specified, the aspect ratio of the image will be used instead

Examples

Links

8 Likes
2

Nice job!

If you want to make a jigsaw puzzle that doesn’t need a background clip area, take a look at the logic at:

That page was made for Scirra’s Construct2, but the logic part can be used by processing. I’m planning to transform my jigsawpuzzle C2 app into a processing or p5js app, indeed.

Yours,
Jose Moya (“arcalaus” at Construct forum)

3 Likes
3

Great resource, thank you!

I added it to the idea section in the GitHub repository :slight_smile:

4

Opened issues on GitHub if anyone is interested in contributing to this open source p5.js project: Issues · Stephcraft/Puzzlefy · GitHub

image
image951×853 57.4 KB