Solved

Using the blur filter with the tween class

Posted on 2008-06-11
7
1,048 Views
Last Modified: 2012-05-05
Hi all,

I want to blur an object from say 25 to 0 using the blur filter and the tween class. So far I have:

var blur:Tween= new Tween(my_mc,"blurX",Strong.easeOut,45,0,2,true);
my_mc.filters = [new BlurFilter];

The object stays blurred at 45. I want it to go from 45 to no blur ie 0
Can you help, thanks.
0
Comment
Question by:systems_mitsui
  • 4
  • 3
7 Comments
 
LVL 18

Expert Comment

by:Antonio Estrada
Comment Utility
Here you go:

-V
import mx.transitions.Tween;

import flash.filters.BlurFilter;
 

var myTween:Tween = new Tween(my_mc,"blur",Strong.easeOut,45,0,2,true);

myTween.onMotionChanged = function() {

	var blurFilter:BlurFilter;

	var filterArray:Array = new Array();

	blurFilter = new BlurFilter(my_mc.blur,my_mc.blur,2);

	filterArray.push(blurFilter);

	my_mc.filters = filterArray;

}

Open in new window

0
 

Author Comment

by:systems_mitsui
Comment Utility
Hi,

I used your script but object is still staying blured, not going to 0
0
 
LVL 18

Expert Comment

by:Antonio Estrada
Comment Utility
Interesting...

Here's a *.fla sample for you to check out.

http://evilrealm.polygonized.com/BlurTween.fla

-V
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 

Author Comment

by:systems_mitsui
Comment Utility
Hi bud, you code worked.

However when I amended it to do a tween of X first, then use onMotionFinished to call a blur function afterwards it just doesn't move, then does a long blur.


How can I do X and Y tween, then invoke the onMotionfinished to do a blur, or more importantly do a blur as it moves across an  X or Y line [to simulate fast motion]
Here is the code I now have

import mx.transitions.Tween;
import flash.filters.BlurFilter;
 
 
var myTween:Tween =new Tween(my_mc,"_x",158.0,180.0,Bounce.easeOut,1,true);

 
 myTween.onMotionFinished=function() {

      var myTween:Tween = new Tween(my_mc,"blur",Strong.easeOut,45,0,2,true);

        var blurFilter:BlurFilter;
        var filterArray:Array = new Array();
        blurFilter = new BlurFilter(my_mc.blur,my_mc.blur,2);
        filterArray.push(blurFilter);
        my_mc.filters = filterArray;
}


0
 
LVL 18

Expert Comment

by:Antonio Estrada
Comment Utility
Ah, you want to have 3 Tweens at the same time.

An _x Tween, a _y Tween and a blur Tween.

Here are three examples:

<code>

-V
/* Example 1: _x and blur Tweens (simulating fast motion) */
 

import mx.transitions.Tween;

import flash.filters.BlurFilter;

 

var xTween:Tween = new Tween(my_mc,"_x",Strong.easeOut,0,280,2,true);

var blurTween:Tween = new Tween(my_mc,"blur",Strong.easeOut,45,0,2,true);

blurTween.onMotionChanged = function() {

        var blurFilter:BlurFilter;

        var filterArray:Array = new Array();

        blurFilter = new BlurFilter(my_mc.blur,0,2);

        filterArray.push(blurFilter);

        my_mc.filters = filterArray;

}
 

/* Example 2: _y and blur Tweens (simulating fast motion) */
 

import mx.transitions.Tween;

import flash.filters.BlurFilter;

 

var yTween:Tween = new Tween(my_mc,"_y",Strong.easeOut,0,280,2,true);

var blurTween:Tween = new Tween(my_mc,"blur",Strong.easeOut,45,0,2,true);

blurTween.onMotionChanged = function() {

        var blurFilter:BlurFilter;

        var filterArray:Array = new Array();

        blurFilter = new BlurFilter(0,my_mc.blur,2);

        filterArray.push(blurFilter);

        my_mc.filters = filterArray;

}
 

/* Example 3: _x, _y and blur Tweens */
 

import mx.transitions.Tween;

import flash.filters.BlurFilter;

 

var xTween:Tween = new Tween(my_mc,"_x",Strong.easeOut,0,280,2,true);

var yTween:Tween = new Tween(my_mc,"_y",Strong.easeOut,0,280,2,true);

var blurTween:Tween = new Tween(my_mc,"blur",Strong.easeOut,45,0,2,true);

blurTween.onMotionChanged = function() {

        var blurFilter:BlurFilter;

        var filterArray:Array = new Array();

        blurFilter = new BlurFilter(my_mc.blur,my_mc.blur,2);

        filterArray.push(blurFilter);

        my_mc.filters = filterArray;

}

Open in new window

0
 
LVL 18

Accepted Solution

by:
Antonio Estrada earned 500 total points
Comment Utility
So, did you try this out?

-V
0
 

Author Closing Comment

by:systems_mitsui
Comment Utility
Sorry, been away on biz and hols. Yes it worked fine thank you
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

I know the transition can be hard. We got used to the ease of use ActionScript 2 had, but honestly, it became problematic later on, especially if designers were involved in the project and found it easy to add code as they saw fit. So, this artic…
Introduction This article is primarily concerned with ActionScript 3 and generally specific to AVM2.  Most suggestions would apply to ActionScript 2 as well, and I've noted those tips that differ between AS2 and AS3. With the advent of ActionS…
The goal of the tutorial is to teach the user how to how to record live broadcast.
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now