I thought I'd resurrect the wavy effect that is going on at www.eccentris.com made by First Born. The site itself is not new. I'm sure many Flash enthusiasts have moved on from it since the days it was born. But it is indeed one of my favorite effects and I have not seen anyone else in the Flash community go into depth to explain it or anyone else incorporating it into their projects. So I decided to take a stab at recreating it:
I used the Fuse kit for animation and the BitmapData() class to generate the images. I must say that this can be done in different ways because during the time the site was built there was no Fuse or Flash 8. But the approach is the same - duplicating and masking the image repeatedly and using "easeOutElastic" for easing. The tools I used simply reduces the amount of code I had to write.
Download the .FLA.
7 comments:
Is it possible to make this wavy effect without having the horizontal bars of color while the image is coming in? I am not a flash programmer, so just trying to understand what is possible - thanks!
If it's the color change you're concerned about, just take out the "tint" property inside the Fuse object.
If it's the actual bars that bother you, you can simple fine-tune it by adding more waves, hence making the bars thinner and the wave smoother. This can be played with. But the more waves the slower your animation will be. So this is not recommended for large photos.
Also, the bars are more visible in an area of the image that has less colors.
hello this is a very nice blog.
Can this effect be done with a full browser image loaded externally? Kirupa forum has a Full browser code here http://www.kirupa.com/forum/showthread.php?t=252734&page=3
Thanks for your answer
Dimitree
dimflor@hotmail.com
Thanks Dimitree.
Technically yes but I don't recommend it because the animation will run really slow. The reason is that you're duplicating your images numerous amount of times and masking and animating each one at the same time. Your RAM usage will go crazy, especially when you go full-screen. So use with discretion.
Thanks for your answer!
Keep up the good work
Dimitree
import com.mosesSupposes.fuse.*;
what is this? what's fuse?
Fuse is an animation engine/package that makes making complex animation in Flash easy. Learn more at www.mosessupposes.com/Fuse
Post a Comment