ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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のオープンソース・ソフトウェアです。

Instagram JS Filter

KENJU/instagramjsfilter

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2