This is awesome. Thanks!
Show HN: JavaScript Instagram-like Filters
11–20 of 29 posts
Re: Show HN: JavaScript Instagram-like Filters
#12Awesome. I would suggest wrapping this into a small service and sell it as an API. No need for complicated documentation either, one URL with parameters.
Re: Show HN: JavaScript Instagram-like Filters
#13Awesome work! Is there a way that these filtered images could then be saved server side to be used later without the js?
Re: Show HN: JavaScript Instagram-like Filters
#14this is very good! is it possible to save the filtered images locally?
Re: Show HN: JavaScript Instagram-like Filters
#15You should rewrite a "pseudo-non-blocking" implementation of these filters. Right now they block the UI thread for too long, which limits how useful these can be. Web workers in one option, although it's not widely supported. The better option is to use setTimout or setInterval to break of the processing work into chunks, which is supported in all browsers. For example, run the loop n iterations then run the next n after a 15 ms delay. The way you've implemented the processing right now makes this lib unsuitable for use on the clientside.
Re: Show HN: JavaScript Instagram-like Filters
#16Awesome work! Is there a way that these filtered images could then be saved server side to be used later without the js?
[deleted]
Re: Show HN: JavaScript Instagram-like Filters
#17this is very good! is it possible to save the filtered images locally?
Try this one:
https://gist.github.com/1747707
It basically uses the toDataURL() method to get the image data of the canvas.
Re: Show HN: JavaScript Instagram-like Filters
#18You should rewrite a "pseudo-non-blocking" implementation of these filters. Right now they block the UI thread for too long, which limits how useful these can be. Web workers in one option, although it's not widely supported. The better option is to use setTimout or setInterval to break of the processing work into chunks, which is supported in all browsers. For example, run the loop n iterations then run the next n a…
Additionally, if you were doing this a couple years from now you could do it all in a shader in WebGL - which mimics what I believe to be Instagram's technology progression from pure CPU filters to pure GPU filters.
Re: Show HN: JavaScript Instagram-like Filters
#19Awesome work! Is there a way that these filtered images could then be saved server side to be used later without the js?
You could get the image data from the canvas element using getImageData() and upload it to your server.
Re: Show HN: JavaScript Instagram-like Filters
#20You should rewrite a "pseudo-non-blocking" implementation of these filters. Right now they block the UI thread for too long, which limits how useful these can be. Web workers in one option, although it's not widely supported. The better option is to use setTimout or setInterval to break of the processing work into chunks, which is supported in all browsers. For example, run the loop n iterations then run the next n a…
Yeah, I am aware of that. This was literally a weekend thing, so I'll try and improve it when I have some time. Thanks for the feedback!