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

アニメーションGIFは一番面白いポイントだけを繰り返し楽しめるので、とても楽しいメディアです。しかしWebブラウザで表示すると強制的に繰り返し再生になってしまうので、いきなりオチを見てしまう可能性もあります。

そうした悲劇を避けるために用意しておきたいのがGifuct-jsです。アニメーションGIFの再生と停止、簡易的な編集を行えます。

Gifuct-jsの使い方

通常再生です。

停止と再生。

エッジ検出。

色調反転。

モザイク。モザイクの大きさはダイナミックに変更できます。

Gifuct-jsを使うことで、最初は止めておいてユーザ自身のアクションで再生できます。また、最初はモザイクを大きめにしておいて、再生を開始すると解除すると言ったこともできるでしょう。アニメーションGIFを多用するサイトで便利そうです。

Gifuct-jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Gifuct-js by matt-way

matt-way/gifuct-js: Fastest javascript .GIF decoder/parser

 

MOONGIFTの関連記事

  • DevRel
  • Com2