Printable View
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)
Gosh I just love kids :) They are the best !! She is so cute that little girl in pink.
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.
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 :D
SaphuA
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.
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
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!Quote:
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.
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.
But still its fun! :)Quote:
Originally posted by me2222
At 25 tiles it gets slower (on my Mac G4). I think the masking is responsible for the slowdown.
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 :DQuote:
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.
Electrotank guys made that jigsaw recently (in flash) you can do up to 475 pieces.. And yes it's very slow and sometimes buggy...Quote:
Originally posted by Frag
Too easy to solve since Flash couldn't handle more than a few pieces :D
Check the pic - that jigzy puzzle made of flash community forum reply form, and it's sopposed to be polar bears...