Part2-Make a Jigsaw Puzzle Game (construct 2)

.capx project file, screenshots and gif demos provided

Let’s jump right into it!

note: If you haven’t read part 1, check it out via this link then come back

Recap

We created a spritefont puzzle grid with four image sprites to use as snapping points. as shown in the image below.

Scripting

Construct 2 uses Visual Scripting — Language that lets users create programs by manipulating program elements graphically rather than by specifying them textually. So rest easy if you are scared of coding(like I am).

Nuff said let’s “code”!

Open the event sheet tab and add a new event; we’ll check if the image sprite(blue) is overlapping the spritefont(background image). if this is true, we want the spritefont’s position to be set to the image sprite’s x and y position values. as shown in the gif below.

Do this for the remaining three spritefonts so that your script resembles the image below (take note of the spritefonts’ names )