Slide Puzzle Game in JavaScript HTML CSS

How to code a slide puzzle game using javascript html and css! In this tutorial, we will make a Doraemon themed slide puzzle! ドラえもんスライドパズル!

Java Game Programming Projects Playlist:

JavaScript Game Programming Projects Playlist:

Subscribe for more coding tutorials 😄!

Rest in Peace, Abiko Motoo (安孫子 素雄) March 10, 1934 – April 7, 2022, co-creator of Doraemon :'(

[davidgm]

I've done (almost) all of your game projects and I can't thank you enough. Your videos have helped a lot to learn and practice HTML, CSS and JS. I just wanted to say thanks and to tell you your videos are amazing! Keep up the good work!

[chetanrathi]

clean, calm, clear, simple = Kenny Yip Coding = AWESOME!

[cha]

Thanku so much for explaining everything so clearly...please keeping making these videos

[KennyYipCoding]

Check out the playlist of web project tutorials here!

Got a tutorial suggestion? Let me know down below!

[namanchimnani]

Try playing with dnd-kit for drag and drop functionality if doing this in react! It makes the job easier. Great video btw 👏

[penjanikaira]

Kindly do a video on how you can make that one work on phones (puzzling on the phone)

[annbur]

I have another question, where did u define which tile is curr or other?

[teksapport]

how do i make a function that displays a win when i put the pieces in the correct order? thanks a lot!

[sandyjoseph]

i have wrote the same code but there is a problem in having the pictures results what should i do

[jurassicworld]

It won't let me move the images why?

[syedayeshaparveen]

How could I move the images ..it's already set up and am unable to play..say me pls

[joysardar]

Sir please make more videos 🙏... For gaming ... Pls 🙏

[jamesabeo]

Please how you get a new image into smaller pieces please

[matteobuonanno]

When I put in all the addEventListener it doesn't display the tiles and I tried also copying the whole thing instead of doing it on my puzzle but it didn't work anyways!

[blossomvelder]

I can't thank you enough for this tutorial, I've learnt a lot and also created a slide puzzle game of my own using your help on the tutorial. What I need to know now is how to I make this game playable even on a mobile phone since it seems to only work on desktop? How can it be made compatible for mobile use?

[annbur]

i do not know why this does not function, i'm doing a 4x5 puzzle, and it shows almost everything, but... i can not swap any of the pieces

[darmawanhadi]

if i want to appear a alert because i have done arrange that picture, how i write to the script sir? i confuse about that

[silvermist]

I did the whole code correct but the pictures aren't moving
Can you help me and tell me why

[egivaysantosh]

hello Sir, can anyone help me in sorting all the individual images into one puzzled image??
howww??

[rulenumber]

Can we add congratiolations message after assembled? how do we do it?