Instagram JS Filter - JavaScriptを使ったInstagram風フィルタ
Instagramの魅力と言えば撮影した写真に施す多彩なフィルタです。ネーミング含めて格好良く、写真を簡単に加工してくれます。単純に撮影しただけではなく、その後の加工が魅力を増してくれます。 以前にCSS3だけでのInstagram風フィルタを紹介しましたが、今回はJavaScriptも利用するInstagram JS Filterを紹介します。やはりそれだけ高度な表現が可能となっています。
Instagram JS Filterの使い方
まずはオリジナル。
Lark。
Amaro。
二値化したThrehold。
ネガポジ反転。
水平反転。
XYミラー。
Instagram JS Filterには他にもたくさんのフィルターが存在します。これらはすべてCanvas上で処理されており、負荷は若干高いものになります。そのためWeb Workerを使って処理を効率化しているそうです。そういった技術的ユニークさも気になります。
Instagram JS Filterはnode/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。