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!