[BETA] Slide Puzzle

[Frag]

I figured it'd be cool to have a slide puzzle engine that pictures could be plugged into and ready to go, so I worked this up this morning. Press LEFT and RIGHT to go through the pictures/graphics (randomly chosen from my computer), UP and DOWN to adjust the difficulty (aka number of pieces), and SPACE to toggle the scrambler.

http://www.gotcool.com/slidePuzzle.swf

[PS] Sorry, no preloader (1.3 mb)

[Danskeren]

Gosh I just love kids They are the best !! She is so cute that little girl in pink.

[adit_ya_sharma]

Wow, cool dude, does this engine breaks the images by itself to make the puzzle automatically?

BTW: While randomizing, you can make a for loop instead of an if loop for randomiztion, which can randomize the puzzle just with one press of a button.

[SaphuA]

Hey,
That's funny, I just started a similair engine this morning

It's working nicely, but the masks sometimes screw up leaving ugly white lines between sections. Did you solve it by rezising the image? Or atleast that's what it seems like

My engine also gets very slow when I devide the image in more then 8*8 pieces, do you have the same problem? Your maximum doesn't go above that so that's why I wondered

I like your auto-scrambler

Well uhm.. good luck with your engine
SaphuA

[Frag]

Thanks.

adit - The shuffling of the pieces is random. I used setMask() to get the individual pieces, so no photoshop or otherwise was necessary.

SaphuA - I had the same problem with the ugly lines. After trying a bajillion combonations of Math.round(), floor, and ceil, I settled with this:

code:

---

w = Math.round(p._width/cols);

h = Math.round(p._height/rows);

p._width = w*cols;

p._height = h*rows;

---

It does distort the image a bit, but it isn't one of my major concerns. I probably won't do anymore with this anyway

Also, I just re-uploaded it and now you can go up to 8x8. It is slower, but I think still playable.

[SaphuA]

Hey,
Thanks for the tip I made a slight change to it, came up with this:

code:

---

image._width -= image._width%devide;

image._height -= image._height%devide;

sectionWidth = image._width/devide;

sectionHeight = image._height/devide;

---

Edit: Fixed a bug
It'll decrease the width/height of the image so that 'section' won't have decimals once devided. (I didn't bother to think of an easy way to increase the image if that'll have lesser effect on the size)

Hope you can use it
SaphuA

[adit_ya_sharma]

Originally posted by Frag
Thanks.

adit - The shuffling of the pieces is random. I used setMask() to get the individual pieces, so no photoshop or otherwise was necessary.

So, if Iam not wrong, you are duplicating many mc's of the same photograph, and, all of them are masked at areas so that only that puzzle part of the picture is seen, cool idea!

[me2222]

Hi.
Some weeks ago I made a slighlty different slide puzzle.
http://www.juggernart.com/games/cele...ler/index.html

It uses between 4 and 25 tiles depending on the level. The pictures are loaded externally.
At 25 tiles it gets slower (on my Mac G4). I think the masking is responsible for the slowdown.

[adit_ya_sharma]

Originally posted by me2222
At 25 tiles it gets slower (on my Mac G4). I think the masking is responsible for the slowdown.

But still its fun!

[ihoss.com]

Real good, by all of you! Has anyone tried one of the old fashioned puzzles with the pieces and everything? It can't be that much of a difference. Just a drag and drop.

[Frag]

Originally posted by ihoss.com
Real good, by all of you! Has anyone tried one of the old fashioned puzzles with the pieces and everything? It can't be that much of a difference. Just a drag and drop.

Too easy to solve since Flash couldn't handle more than a few pieces

[rabbitkiller]

Originally posted by Frag
Too easy to solve since Flash couldn't handle more than a few pieces

Electrotank guys made that jigsaw recently (in flash) you can do up to 475 pieces.. And yes it's very slow and sometimes buggy...
Check the pic - that jigzy puzzle made of flash community forum reply form, and it's sopposed to be polar bears...