Search  
Search Options

SLICED IMAGE EFFECT (AS2 & AS3)

HomeBrowse CategoriesFlashApplications and UtilitiesUtilitiesSliced Image Effect (AS2 & AS3)

An image effect that can be easily implement any flash file. I coded it in both AS2 and AS3 , you can use any of them.

It can load image directly from memory (with linkage) or from internet.

It is very easy to implement, just drag-drop a container mc to your flash file and change some variables. Also with a little flash knowledge you can write your animations.

Also i included preview.fla, which has example function that might help you to write your own. Also feel free to ask any question from my mail address or msn.

This is my first file in flashden.net :)

Here are my current files a preloader with as3 (so you will need cs3 in order to use this)

You can change bottle, particles easily. You can set the where shoud particles come, their speed, number, friction etc

Check my other files if you like this one! Thanks.

Checkers Board Gallery Mouse Effect 3d Like Guest Book Bottle Preloader Mouse Effect 2
Posted about 1 month ago

Nice work!

Posted about 1 month ago

Now thats cool. But is there a way to speed up the regrouping animation process?

Posted about 1 month ago

sure. each squares has a random value that determines how much should it wait before starting moving. You can reduce the range of this value.

also it is possible to move each squares to their correct position at the beginning, not a random value. so at first you see a whole picture, but you can move squares by mouse (you can give a specific animation like in preview by changing squares inital position and speeds)

Posted about 1 month ago

Wow! It is really cool! I like it :)

Posted about 1 month ago

amazing! nice

Posted about 1 month ago

Nice one, bitmapData?

Posted about 1 month ago

yes, it convert images to bitmapDatas and divides it into smaller squares.

Posted about 1 month ago

WOW

Posted about 1 month ago

thanks for your comments.

Posted about 1 month ago

if you add: http://pastie.caboo.se/196754 after: http://pastie.caboo.se/196756 you can get some interesting depth in some of the transitions.

Posted about 1 month ago

wow that was really cool, i never thought to change scale of squares. thanks

animation 2 and 3 looks really great with your implement.

Posted about 1 month ago

Hey, just purchased, and love it. Great work! I’ve been looking for this exact type of AS to bring in an image…all I could find was only to break up an image.

What I’d like to do is click on a thumbnail, then bring in the image with this sort of effect.

Also I’d like to then, not have the rollover effect where the image breaks apart again.

Are these two things possible??

Thanks!

Suz

Posted about 1 month ago

Okay, got the click thumbnail thing working (loadMovie)..... but still, the rollover part? (undoing that, so to speak…;)

Thanks!

Posted about 1 month ago

sorry, i am not a native english speaker and not sure what you want. can you ask more clear?

do you want to remove effect of mouse on squares? on fifth frame there is an if statement like this (as3). remove (or convert each line to comment by //) this should work

(as3) if (mouserectangle.hitTestPoint(x,y ,true)) { ... }

(as2) if (mouserectangle.hitTest(_x+_parent._x, _y+_parent._y, true)) { ... }

this is what you need? please ask more clear if it isn’t

Posted about 1 month ago

sorrt i didn’t see you first comment =D ok so this was answer to your second question.

for your first question, i think you want something like in preview? when you click change image button, it goes to next image. you can add something like that to each thumbnail in your flash

function pressed(event) { with (this.container_mc) { loadfromlibrary = 0; imagesrc = “coin.jpg”; removeallsquares(); } }

thumbnailmc.addEventListener(MouseEvent.CLICK,pressed);

container_mc is the name of container, imageisnotlibrary so loadfromlibrary is 0. address of image is coin.jpg. after that call removeallsquares() function. this function will remove all old squares and load the new image.

Posted about 1 month ago

hmm i am not sure why thumbnailmc.addEventListener(MouseEvent.CLICK,pressed); line is bold and bigger and why flashden removed newlines from the code.

here i posted it to pastie

http://pastie.caboo.se/200874

Posted about 1 month ago

this is a great effect! i like the second one

Posted about 1 month ago

wow awesome effect :D Loving it!

Posted 20 days ago

Hey, I noted that to change the squares size you must change some vars. So I created 2 static vars that holds the squares’ custom size I sent to you via mail, take a look at it ;)

Posted 20 days ago

i got your mail, thanks for file. i wanted to implement that but got a bit lazy afterwards ^^

Posted 18 days ago

I’m not clear. I want to use animation #1 from the test file. In which frame do I insert it? And what code must I erase?

Posted about 21 hours ago