Search  

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 4 months ago

Nice work!

Posted 3 months ago

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

Posted 3 months 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 3 months ago

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

Posted 3 months ago

amazing! nice

Posted 3 months ago

Nice one, bitmapData?

Posted 3 months ago

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

Posted 3 months ago

WOW

Posted 3 months ago

thanks for your comments.

Posted 3 months 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 3 months 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 3 months 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 3 months ago

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

Thanks!

Posted 3 months 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 3 months 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 3 months 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 3 months ago

this is a great effect! i like the second one

Posted 3 months ago

wow awesome effect :D Loving it!

Posted 2 months 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 2 months ago

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

Posted 2 months 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 2 months ago

sorry, i was not online for a while and couldnt answer any question in flashden. you should ask it from my mail

i am assuming you are using as3, if you use as2 tell me

just add these lines to end of frame3 in container_mc

http://www.pastie.org/250825

this should be enough. if you still have problems, send me a mail so i can give you the file you need

Posted 28 days ago

Can I find in this file all action script 3 code and all the documentation to add it?

Posted about 16 hours ago