Image Blur/Burn

[Lindquist]

height=240 width=320

http://www.kirupa.com/forum/showpost.php?p=823231&postcount=6

-L

[nobody]

That's really cool, especially since it's not an image sequence. Nice job :)

[dreeft]

Cool effect.

[Mik3]

Nice, really nice. Great job!

[Amish]

Excellent and its soo simple.

[cr125rider]

That is really sweet

[msurgay]

Here is a little bit improved code :)


//**Burn by Lindquist
var myColor= new Color(blurred);
var white = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};
myColor.setTransform(white);
blurred.onEnterFrame = function(){
white.rb-=10;
white.gb-=10;
white.bb-=10;
white.ab-=10;
myColor.setTransform(white);
if(white.rb<-255){
white.rb=255;
white.gb=255;
white.bb=255;
white.ab=255;
delete blurred["onEnterFrame"];
}
}

[Lindquist]

In what way would you call your code "improved"?

[Voetsjoeba]

delete blurred["onEnterFrame"]; Wouldn't call that very optimised :x

[claudio]

Nice effect :thumb:

[dude9er]

is there an MX version?

[RadioactveChimp]

yeah great effect!

[VersusMG]

That is a great effect! :smirk:

[simplistik]

how can you get this script to stop once it's finished... instead of looping endlessly. I want to use it on a site... cause I think it'll work nice... has a nice ethereal look to it that I can use...

EDIT:
LoL... sorry brain fart... but for anyone else who wants to know put this in to stop:



delete this.onEnterFrame;


similar to what ole boy up top was tryin to do.

[dude9er]

can someone post an MX version for it? I'd love to lok at the coding. Thanks.

[UNFLUX]

here you go... :nerd:

[dude9er]

AWESOME unflux, worked great, thanks

[999]

Nice Effect, thanks Lindquist! ;)
I fit it into a flash project we just did for M-soft and it seems to have went over really well.

Simple suggestion for those concerned about file size: Make your blurred image at a much smaller resolution and stretch it to fit your clear image within flash. Same effect, better file size.

[Lindquist]

Thanks for all the compliments guys and thanks to UNFLUX and simplistik for answering questions while I wasn't around.

Also, everyone should take ditchhopper's advice on the filesize issue. It's an excellent suggestion.

-L

[simplistik]

Thanks for all the compliments guys and thanks to UNFLUX and simplistik for answering questions while I wasn't around.

Also, everyone should take ditchhopper's advice on the filesize issue. It's an excellent suggestion.

-L
Hmmm actually I'm using it on a site :P cause it's very relevant to the theme of the site I used... and it has 8 of those transitions, and it loads pretty quick. I even had a 56k fella testin it out. He said it loaded nicely.

[Lindquist]

Hmmm actually I'm using it on a site :P cause it's very relevant to the theme of the site I used... and it has 8 of those transitions, and it loads pretty quick. I even had a 56k fella testin it out. He said it loaded nicely.

Then you're not "concerned about filesize", are you? ;)

[rpgamer2003]

Can anybody tell me how to fade in the picture and have it stay (so basically the same thing without it disappearing, and without the second picture)? And how do I have it disappear when it's already there? And is there anyway to control the speed of the animation (without changing the framerate of the movie?)
thanx

[sed|thh]

nice effect (gets source) :)

[Jasninder]

looks nice, do you mind if i try it on for my clients?

[Lindquist]

looks nice, do you mind if i try it on for my clients?

Go for it. Post an example once you've finished it in here if you wouldn't mind. I should probably redo this effect in Flash 8 with the new Blur filter so you don't have to use photoshop.

[tri_s]

here you go... :nerd:

sorry! how come I view it freezed?!

just see the blur effect!!

[B L U E]

Does it only work with non-transparent images? I've tried it with an imported PNG with transparencies but it didnt work.

[pantas]

thats greate! what if i wanted this effect from black , not from white? what should i change in the code ?

[pantas]

and one more thing....how to detect if the animation has ended, and then make it go nextFrame() ?

[pantas]

anyone?
if only someone could explain what

Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};

means, it would be something! so i could try and figure something out... :ponder:

thanks in advance

[Lindquist]

I rewrote this for Flash 8 into a class. I hope the actionscript in the .fla is pretty self-explanatory. Extract the attached .zip to play around with it.

Thanks to Flash 8, you don't have to create a second blurred photo in photoshop to create this effect.

[pantas]

thanks for the reply lindquist!
unfortunnatelly i cant open the file, since i only have flash MX 2004.
meanwhile, i figured out the codes and changed some things to make the blur black. (at least it works for my pictures!)

dont know if anyone needs it, so here goes:

stop() // ***Burn by Lindquist
var myColor:Color = new Color(blurred);
var black:Object = {ra:100, rb:0, ga:100, gb:0, ba:100, bb:0, aa:130, ab:100};
myColor.setTransform(black);

onEnterFrame = function(){
black.rb-=5;
black.gb-=5;
black.bb-=5;
black.ab-=5;
myColor.setTransform(black);
if(black.rb>100){
black.rb=0;
black.gb=0;
black.bb=0;
black.ab=0;
delete this.onEnterFrame;

}
}

meanwhile, if you could save that last file for my version i wold be really be apreciated:)

cheers

[Krilnon]

The last file shouldn't work in MX 2004, he used features specific to Flash 8. The ActionScript in the .fla wouldn't have been very useful anyway, it's all in a class.

[Lindquist]

pantas, if you need to learn more, just look up "color" and "setTransform" in the Flash help file.

Although, be aware that the "Color" class has now been deprecated (left behind) in Flash 8 in favor of the new flash.geom.ColorTransform, so you'll have to relearn it in Flash 8. They're very similar in usage though.

[kmria]

Why bother with AS when u can just tween it...??? I know AS is much more smooth but here is the tween style how much different u can see from AS result..??

[Lindquist]

Actionscript allows you to dynamically load many different pictures and apply many variations (blur amount, colors, speed) of the effect. It's also reusable for later projects in just a single line of script.

[Lindquist]

I put a looping demo of the class in action here:

http://www.johnlindquist.com/flash/LoadAndBurn.html

I looped it and randomized the blur, colors, and speed just to show off how dynamic it can be.

[berkoWitZ]

Very nice!

Onequestion......I downloaded the first example but it keeps looping even if I put a stop...what can I do?

[grmlyn]

nice

[Pasquale]

Why bother with AS when u can just tween it...??? I know AS is much more smooth but here is the tween style how much different u can see from AS result..??

heh...

[Lindquist]

Very nice!

Onequestion......I downloaded the first example but it keeps looping even if I put a stop...what can I do?

By stop, do you mean a "stop();"? Cause you need to use a "delete this.onEnterFrame;".

[berkoWitZ]

yes I mean a stop(); but didnt work...then how the final code would look like with the delete this.onEnterFrame;?