Get Updates By E-mail 

Article Written By:
Johann Dowa

Open Source iOS Component And Tutorial: Apply Motion Blur Effects To An Animation

  •  
  •  
  •  
  •  
  •  

I’ve mentioned a few projects on applying blur effects since they exploded in popularity thanks to iOS 7 most recently a library allowing you to create adjustable blurring effects asynchronously.

Here’s an open source component allowing you to apply motion blur to your animations using a custom Core Image filter created using the Core Image Kernel Language (available with iOS 8) from Arkadiusz Holko.

The blur is pre-calculated so the performance is extremely high (except on the Simulator because the GPU is used), and Arkadiusz has written a nice writeup explaining the techniques he used to apply the motion blur to animations – the creation of the filter is explained in WWDC 2014 sessions 514 and 515.

Here’s an animation from the readme showing the motion blur effect in action:
MotionBlur

You can find the MotionBlur component on Github here.

You can find the Arkadiusz’s guide explaining how the filter is applied to animations on the Holko blog.

If you’d like to watch the WWDC lecture about the advanced Core Image techniques used to create this motion blur filter you can find it on the Apple developer site here in the videos entitled “Advances in Core Image” and “Developing Core Image Filters In iOS”.

A very nice animation effect.


  •  
  •  
  •  
  •  
  •  

Submit A Resource

Have you created a useful tutorial, library or tool for iOS development that you would like to get in front of our 300,000+ monthly page views from iOS developers?

You can submit the url here.

The resources we feel will appeal to our readers the most will be posted on the front page.

Comments