I am not naive enough to believe I originally created this effect. As with anything, there always seems to be someone somewhere that did it sometime before :). Either way, I made a version of it for my previous site in AS2 and it came with me when I updated the site.
Ever since that first site there’s been a somewhat steady flow of questions regarding it. I vaguely remember writing a AS2 tutorial for it on gotoandlearn and I get a lot of mails regarding it.
So, I figured I’d take advantage of AS3’s massive improvements and create a transition class with the same effect. It’s hard to give it a specific name, but I’ve always called it the “pixelating transition“. You’ll understand when you check it out. Go ahead tough guy. Click the header!
So, in short, this class will take two displayobjects and create a transition between the both. The DisplayObjects don’t necessarily need to be on the Display List, in fact it’s probably wiser to use the Pixelator as an intermediary. You set it up with two clips and add it to the display list. The class itself will do nothing but setup and display the first picture. You can later call a trigger that makes it transition between the first and second image/object. Simple as that.
If you later need to keep transitioning, there’s also a reconfigure command that allows you to re-setup the class while maintaining the visible appearance. In other words, It’s just really simple! :)
public function Pixelator(_source:DisplayObject, _dest:DisplayObject, _ct:int = 125)
//ct is the cutoff, or how big you want the pixels to become. Larger = bigger.
Download here (350Kb) (1029 downloads)
August 22nd, 2008 at 7:24 am
Great work, I think before long people will view you as one of “those” people. Like Quasimodo or Senocular.
I’m ver impressed.
August 22nd, 2008 at 8:21 am
You have a great knack for identifying useful, reusable code. Another winner, for sure. :)
August 24th, 2008 at 10:05 am
[...] Read more | Source [...]
August 24th, 2008 at 3:41 pm
exellent class!
August 25th, 2008 at 4:07 am
Dear,
thanks a lot for your response.
i will download it and try it
i think its wonderful work and you have a strong knowledge in programming.
August 25th, 2008 at 5:00 pm
Peter, don’t even go there. I’m a massive amateur next to those names. Comparing me to Senocular is like comparing actors Ben Affleck and Robert De Niro.
It’s not even in the same ballpark ;) But thanks for the thought, and thanks cory+basil ;]
August 26th, 2008 at 5:31 am
yeah, ben affleck is sooooo much better, i know what you mean ;)
August 26th, 2008 at 4:01 pm
[...] - Pixelator - Transition effect [...]
August 27th, 2008 at 2:42 am
Thanks for sharing this, it’s a really nice effect.
September 2nd, 2008 at 9:05 am
affleck hands down…what’s more obvious than that?
thanks for the class!
September 2nd, 2008 at 10:43 am
My, that’s sexy.
Hm.
The code’s not too shabby either.
Are you married? ;)
September 3rd, 2008 at 7:44 pm
Wows, that’s nice stuffs.
Yes, are you married? My sister is single. It would be good to get free advice from bil. You will no charge. no?
LMOA. LMOA. LMOA.
What did you think of my stuffs? I wait your mail. You are busy.
September 8th, 2008 at 10:51 am
Hi Erik, I would be eternally grateful if you’d be so kind as to answer my question:
How do you use the reconfigure function to apply this transition to an array of images?
I hope you can help me out on this.
Thanks Erik
September 8th, 2008 at 6:13 pm
Love the effect, I was wondering is there anyway to not use 2 display objects and rather just transition a singe clip on to the screen. I’m using loader and putting it inside a moviecip container, I would like to transition that clip onto the screen.
September 8th, 2008 at 6:25 pm
Hey guys, thanks for all the kind words.. All of the ideas you have are totally possible, but require a little bit of re-work on the class itself. Unfortunately I don’t believe in customizing things too much to do peoples work for them however ;) If you have any specific questions if you get stuck with your own code adaptations, please do send me a message and I’ll be sure to help out.
Eznyc, your problem is really not that hard, all you need to do is watch how many transitions have been completed and keep reconfiguring the class from your array depending on where in the iteration you are.
Jzs; yours is even easier since all you need to do is target the ‘in’ version of the pixelation directly :P
September 8th, 2008 at 7:40 pm
as3 is totally SOPHISTICATED.
erik is GOD.
September 12th, 2008 at 12:12 am
it is nice .very good job.
September 27th, 2008 at 4:15 am
Impressive code skills. I bet your company loves you
November 20th, 2008 at 2:56 pm
Awseome effect and great performance, very well coded to. Thanks for posting and sharing.