Animated Jigsaw Puzzle [sharing]

Show us your works in progress and request feedback

» Tue Oct 04, 2016 9:25 am

It use alot of layer (and image). So beware & have fun discovery

https://www.dropbox.com/s/g18npbnjapwpe ... .capx?dl=0
Last edited by alextro on Mon Apr 03, 2017 10:04 pm, edited 1 time in total.
B
126
S
54
G
24
Posts: 795
Reputation: 24,121

» Tue Oct 04, 2016 3:18 pm

Thanks for sharing, alextro.
If your vision so exceeds your ability, then look to something closer.
Moderator
B
142
S
32
G
89
Posts: 5,804
Reputation: 62,202

» Tue Oct 04, 2016 8:49 pm

A please for me to be able to recreate a certain puzzle mechanic therefore sharing what I discovered.
B
126
S
54
G
24
Posts: 795
Reputation: 24,121

» Mon Oct 10, 2016 2:21 pm

update >> Now with drap and drop quee scrolling

and yes live demo available: http://animajigsaw.bitballoon.com/
B
126
S
54
G
24
Posts: 795
Reputation: 24,121

» Wed Oct 12, 2016 10:22 pm

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
B
126
S
54
G
24
Posts: 795
Reputation: 24,121

» Thu Oct 20, 2016 4:20 am

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.
B
126
S
54
G
24
Posts: 795
Reputation: 24,121

» Sun Apr 09, 2017 12:05 am

Hi @alextro, can you reupload the files please? They aren't there anymore. Thank you.
B
28
S
14
G
6
Posts: 90
Reputation: 5,492

» Sun Apr 09, 2017 9:36 am

@Fenix18
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
B
126
S
54
G
24
Posts: 795
Reputation: 24,121

» Sun Apr 09, 2017 7:52 pm

Nice, appreciate men, be blessed /\
B
28
S
14
G
6
Posts: 90
Reputation: 5,492

» Tue Apr 25, 2017 8:22 pm

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 ^^
B
28
S
14
G
6
Posts: 90
Reputation: 5,492

Next