Question

How to create an interactive jigsaw puzzle?

What tools will allow me to create a jigsaw puzzle where I can move the pieces to put them together from a random scatter of pieces to start


Submit an answer


This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Maybe a script like this one match your request : https://github.com/andysellick/jigsaw

Bobby Iliev
Site Moderator
Site Moderator badge
October 2, 2022

Hi there,

Indeed as already mentioned, you could do that with JavaScript, HTML and CSS.

Here is a quick example on how to do this with JQuery:

https://codepen.io/dearsaif/pen/mOjbLK

You could use that example, and rework this with a different JavaSciprt framework that you prefer.

Hope that this helps!

Best,

Bobby

KFSys
Site Moderator
Site Moderator badge
September 30, 2022

Hi @jaswhite16,

I think there are a lot of tools that can help you but you’ll need some javascript whether it’s react,vuejs or something similar you’ll still need to do so. Maybe take a look at some nodejs apps and how to accomplish this.

Try DigitalOcean for free

Click below to sign up and get $200 of credit to try our products over 60 days!

Sign up

card icon
Get our biweekly newsletter

Sign up for Infrastructure as a Newsletter.

Sign up
card icon
Hollie's Hub for Good

Working on improving health and education, reducing inequality, and spurring economic growth? We’d like to help.

Learn more
card icon
Become a contributor

You get paid; we donate to tech nonprofits.

Learn more
Welcome to the developer cloud

DigitalOcean makes it simple to launch in the cloud and scale up as you grow – whether you’re running one virtual machine or ten thousand.

Learn more ->
DigitalOcean Cloud Control Panel
Get started for free

Enter your email to get $200 in credit for your first 60 days with DigitalOcean.

New accounts only. By submitting your email you agree to our Privacy Policy.

© 2023 DigitalOcean, LLC.