DES16N BLOG

Movieclip blur prototype

por Roy Tanck

Sorry about this being in English, but I don't know a single word of Portuguese.

I've recently written a prototype version of the blurring principle I've written about in the Byte-Size Flash MX book. This makes it very easy to apply the effect to whatever movieclip you want. Here's what the effect look like:

To get this effect I wrote a method that makes many new instances of the same movieclip within the same parent. It then sets the original to invisible. I've used the original mc's name to decrease the risk of duplicate instance names. Because of this approach, I recommend you put every mc you want to blur within another "holder" mc. That way you can manipulate all the instances at once by manipulating the holder mc.

MovieClip.prototype.initBlur = function(quality){

     this.astep = 100/quality;

     this.name = this._name;

     this.quality = quality;

     for(var i=1; i<quality; i++){

          this.duplicateMovieClip(this.name + i, i+counter);

     }

     counter += quality;

     this._parent[this.name]._visible = false;

};

So now we have a bunch of instances. "Quality" determines the exact number. For stronger blur you'll need a higher quality setting for it to keep looking nice and smooth. To create the blurring effect, we'll let them vary slightly in size. The amount of variation is controlled by the "amount" argument in the next method. This controls just how blurred the movieclip will look. I've made some a little bigger, and some smaller. To make it all really nice and soft, I set each instance's alpha to a small value. If there are 10 instances, alpha's are set to 10 (100/10).

MovieClip.prototype.setBlur = function(amount){

     sstep = (10*amount) / this.quality;

     for(var i=1; i<this.quality; i++){

          with(this._parent[this.name + i]){

               scale = 100+(sstep*(i-this.quality/2));

               if(scale>0){

                    _xscale = _yscale = scale;

                    _visible = true;

               } else {

                    _visible = false;

               }

               _alpha = this.astep;

          }

     }

};

As you can see, I've check wether the scale of an instance is smaller then zero. This is done because instances with a negative scale would appear upside down.

Finally I've written a short method to clear it all up. It's hightly recommended you use this on movieclips that need no further blurring, because the many instances used in the blurring process can really slow down you movie's performance. You'll find this last method, as well as the others, and the fla file for the example above in the this zip file. Have fun! :)

Roy Tanck www.weefselkweekje.com

postado por Roy Tanck em 3:26 PM

Criptografia?

HED PE on Flash Player

Movieclip blur prototype