Use the GPUImage library to apply pre-built and custom filters to images in Titanium Edit Add topics.

Really all credits of this module should go to @BradLarson who made the amazing GPUImage library! There are over 125 built-in filters plus the ability to create own filters via shaders.

Right now, this module only supports applying built-in filters to a still image:

var GPUImage = require('ti.imagefilters');
var imageName = 'test.jpg'

var win = Ti.UI.createWindow({
  backgroundColor: 'white'
});

var btn = Ti.UI.createButton({
  title: 'Apply Sepia Filter',
  top: 50
});

var img = Ti.UI.createImageView({
  image: imageName
});

btn.addEventListener('click', function() {
  var image = GPUImage.filteredImage({
    image: imageName,
    filter: GPUImage.FILTER_SEPIA, // or the filter class name, e.g. `GPUImageHueFilter`
    callback: function(e) {
      img.setImage(e.image);
    }
  });
});

win.add(img);
win.add(btn);

win.open();

You cannot specify filter properies by now, so I am thinking about moving the filter to an own class that does KVO to check and supply the used properties dynamically.

I created an Android module project as well, which does nothing right now, but could use this library. Go ahead!