Animated Jigsaw Puzzle [sharing]

It use alot of layer (and image). So beware & have fun discovery <img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Wink">

https://www.dropbox.com/s/g18npbnjapwpe ... .capx?dl=0

Thanks for sharing, alextro.

A please for me to be able to recreate a certain puzzle mechanic therefore sharing what I discovered.

update >> Now with drap and drop quee scrolling

and yes live demo available: http://animajigsaw.bitballoon.com/

So I keep thinking generating random pieces pattern based on interconnection shared between edges that will determine which side will have bump (bulge) on them.The idea came from Sudoku like game with operator ">>"as a clue.

The operator symbol should define as a value as following:

, v = 1

< , ^ = -1

no operator = 0

2 pieces shared a same edge which is shared same value but with different purpose depends on side it facing. We refer -1 as a subtraction since it also match the visual representation.

The result:

• non border piece will have 4^2 combinations
• corner piece will have 4 x 2^2 combinations
• edge border piece will have 4 x 3^2 combinations

Total shapes = 68 variations

About creating pattern generator,

right now I only managed to gather values from node joints that intersect on each piece sides. No puzzle shape yet.

https://dl.dropboxusercontent.com/u/659 ... erate.capx

Thinking there would be 68 pieces shape makes me think to manage them into a table by comparing the value before converting them into correct sprite.

Hi alextro, can you reupload the files please? They aren't there anymore. Thank you.

—

Ah yes, here it is: https://www.dropbox.com/s/g18npbnjapwpe ... .capx?dl=0

Trimmed version (single frame animation): https://www.dropbox.com/s/q8de9p0c5dpy8 ... .capx?dl=0

Nice, appreciate men, be blessed /\

Hi alextro, in this capx of yours, (that help me a lot!) wen we start the game the pieces are shuffled in the slider according to their Y (ascending), so all the pieces from the first row will be on top, them the ones from the second row and them the ones from the third row.

If is not ask too much, do you have some idea on how really shuffle the pieces totally randomly in the slider?

I've been trying this for some days now, but can't find a way to it, maybe you have some trick to save me?

Thank you again ^^

—

Easy task. Go to event 6 then enable first disabled action then disable action below it.

alextro

Thank you bro, I finally did it in my project

You sir help me a lot with your example, thank you very much! Be blessed ^^

Please, if you ever have something I can help let me know.

Hi alextro , Your created game is really nice, However I have on query, Can I add more images to use in jigsaw game ? so that user can select other image to solve puzzle

nitinjain490

Well you will need to load an image into "big_picture" sprite by using 'load' action and insert the url to that image. That's from technical side so for user to be able to change the picture you really need to create and add the UI a.k.a interface (button, file loader/chooser, etc).

Ups you mean just select different image? Sure just add another animation into "big_picture" (for animated one) or just frames (still one). Create variable that will pick an animation or frame for the picture then set an animation or frame from it.

alextro

Thanks bro for prompt reply. As you said to add different image into "big_picture" which will replace the current image. but can you explain this in steps on how to change puzzle image as I am very new to construct 3.

And I don't require animation, just a single jpeg image