AS3 Motion Blur Effect

Rollover the numbers to activate the Motion Blur effect!

HINT : The faster you move – the more intense the blur…

• Activates when the object is in motion
• Removes all actions when the object is motionless
• Works with any DisplayObject
• Works with x and y axis

AS3 Motion Blur Effect

The AS3 Motion Blur class will apply a blur filter to a DisplayObject in motion simulating a motion blur effect without using a Tweener. The motion blur effect will only happen when the object moves and will stop when the object is motionless to minize processor usage. You have the option of turing the MotionBlur on/off as desired with the [active] property. There is no need to add MotionBlur to the stage, just construct it with the display object you want to apply the effect to – and thats it!

Features

• Ultra-lightweight, only 1.3kb
• Super-low memory footprint – 0mb when idle
• Easy install – import the MotionBlur class and go
• Easy integration – pure AS3 so you can add it to any Flash or Flex based project
• Automatic activation – MotionBlur will only activate when the object is in motion
• Well documented – FULL asDocs with property and method documentaiton in the MotionBlur class
• Multi-package – comes with Flash Builder (as and library) projects and Flash (fla) project.

Great For

• Item counters
• List navigation
• Image or Video gallery
• Image canvas scrolling
• Text scrolling
• Scrollbar bluring

Full Tweener Support

MotionBlur works with any Tweener class to support the blur effect when the object is in motion. Simply tween the MotionBlur object as you would your display object and MotionBlur will activate when the object is in motion.

Its suggested that you use an ‘ease’ effect with a Tweener class to ‘slow down’ the object before stopping. This will give a more natural blur effect.

Example Usage

1. Construct MotionBlur with a DisplayObject
HINT : Do not add MotionBlur to the stage

import com.reshapemedia.effect.MotionBlur;
import flash.display.Sprite;

var myObject:Sprite = new Sprite;
var motionBlur:MotionBlur = new MotionBlur(myObject);

addChild(myObject);

2. Move MotionBlur on the x and y axis to activate
HINT : The faster you move MotionBlur, the more intense the blur effect
HINT : Move the DisplayObject on its x and y axis if you do not want to use MotionBlur

//assume enterFrame event
function onEnterFrame(e:Event):void{
    motionBlur.x = mouseX;
    motionBlur.y = mouseY;
}

Thats it… no headache required!