シェーダーからGIFアニメを生成するツール作った - マルシテイアgithub.com シェーダーは、本来は3Dプログラムで物体に影をつけたり、視覚的なエフェクトを与えるための仕組みだ。 しかし、シェーダーだけで複雑なグラフィックを表現する事もでき、GLSL SandboxやShadertoyには大量の作品が投稿されている。 今回は、フラグメントシェーダーのファイルからGIFアニメを生成するツールを作成した。 これを使うと、冒頭のGIF動画のようなものが作ることができる。 また、npmパッケージになっているので、フロントエンド開発のフローに沿ってシェーダーのサムネイルを作成できる。 実装はgistに転がってたスクリプトを参考にしている。 offscreen rendering with three.js and headless-gl, in coffee-script · GitHub 使い方 npm install -g glsl2img すると、
