Flash Radial Spin/Zoom Motion Blur

Update – just posted the source to my MotionBlurSprite class.

Following on from my previous post on motion blur, here’s a quick-and-dirty (and therefore pretty fast) method for achieving radial blur effects in Flash. Just slice your image up into a grid of smaller bitmaps, and apply a linear blur to each slice. You do get seams between each slice where the blurred slices either don’t overlap properly, or overlap too much. While this is quite noticeable when the effect is applied to a static image, it looks pretty good when things are whizzing around.

Using this method, you can achieve a radial zoom blur:

Radial Zoom Blur

…and radial spin blur:

Radial Spin Blur

…and of course combine motion blur, zoom blur and spin blur to achieve 3D motion blur:

3D Motion Blur

3 Comments

hellonicolas  on March 11th, 2009

That. is. awesome.

…any chance for source code? :)

Rob Muller  on March 11th, 2009

Thanks Nicolas. I’m planning on posting the source for my MotionBlurSprite class once I’ve made it more universal – I’d like it to be interchangable with the standard Sprite class, but right now it’s pretty limited. Unfortunately time isn’t something I have a lot of right now, but if I don’t get a chance to clean it up soon I will throw it up here as-is.

Gil Beyruth  on October 1st, 2010

Hi Rob, will you post the source code of it? It’s a blur from the center of the big image applyed on each sub image?

Leave a Comment