javascript filter appcelerator

javascript - Aplicar filtros a las fotos en Appcelerator



filter (2)

Estoy construyendo una aplicación de iOS en Appcelerator y necesito permitir que el usuario tome fotos y luego aplicarles un filtro (como Instagram). ¿Cómo puedo conseguir esto? ¿Es posible utilizar una biblioteca de filtros de imágenes basada en JavaScript?

Agradecido por toda la entrada!

Definitivamente es posible, http://www.pixastic.com/lib/docs/ puede ver algunos filtros aquí como un ejemplo. Todos estos efectos se logran mediante un bucle sobre los datos de la imagen y la manipulación de los píxeles uno por uno. La parte difícil aquí sería hacer (o encontrar) los algoritmos que se verían bien, como instagram.

También hay máscaras en instagram, que son imágenes como un polariod o películas antiguas, como aquí: http://www.aviary.com/tutorial.aspx?tutorial=cross_processing&step=12 . Estos se aplican usando máscaras de recorte: https://developer.mozilla.org/samples/canvas-tutorial/6_2_canvas_clipping.html o fusionando dos imágenes de datos, como aquí: http://www.benbarnett.net/2011/06/02 / using-html5-canvas-for-image-masks / .

Entonces, todo lo que instagram hace con las imágenes, lo puedes hacer con lienzo. Sería una CPU intensiva en un teléfono, pero creo que iPhone puede manejarlo.

Algunos ejemplos: