Get Updates By E-mail 

Article Written By:
Johann Dowa

Example: How To Implement A Real-Time Green Screen Effect On iOS Using OpenGL ES

  •  
  •  
  •  
  •  
  •  

Creating video filters using OpenGL ES is something that I’ve mentioned a few times and I’ve mentioned the GPUImage project that simplifies the creation of video filters using OpenGL ES and a tutorial demonstrating how to create filters with GPUImage.

Here’s an example from Erik M. Buck demonstrating how to create a green screen effect filtering out a green area of the video stream and replacing it with another image using an OpenGL ES using a custom fragment shader .

Here are some images from the download page showing the effect in action:

Green Screen Effect

You can download the source code here.

You can find an updated example from Tim Sawell with a few changes that tweak the filter a little to make less yellowish colors not become transparent that will also work on retina screen iPads on Github here.

You can read some more details about the example and some tips for creating real time video filters on the Informit site here.

A great example on creating video filters on the iOS platform.


  •  
  •  
  •  
  •  
  •  

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