SVGを使ってイラスト制作過程をアニメーション化「Lazy Line Painter」
Lazy Line PainterはSVGファイルを読み込んで、描く過程をアニメーションにしてくれるJavaScriptライブラリです。
イラストや絵画はアナログな世界ではできあがった作品を見るのみですが、デジタルであればその作成過程を何度も繰り返し楽しめます。そんな面白さが感じられるのがLazy Line Painterです。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.13.40.1361348745.png)
デモ。イラストが自動で描かれます。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.13.44.1361348750.png)
線が次々と引かれていきます。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.13.50.1361348754.png)
どんな図形になるのかな。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.13.53.1361348759.png)
細かい描画も素早く行われます。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.13.57.1361348764.png)
完成です。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.14.06.1361348769.png)
こんなイラストも。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.14.11.1361348777.png)
こくこくと描かれていきます。
[](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.14.33.1361348793.png)
完成しました。
Lazy Line PainterではまずファイルをSVGで保存します。その際には塗りつぶしや、必ず最初と終わりがなければなりません（閉じてはいけません）。後はLazy Line Painterにファイルをドロップすると、JavaScriptのコードを生成しますので、それをjQuery、Raphaëlとともに実行するだけです。
Lazy Line PainterはJavaScript製のソフトウェア（ライセンスはWTFPL）です。
MOONGIFTはこう見る
デジタルの世界になって、作品の制作過程を残すのがとても簡単になりました。特にバージョン管理を使えばいつでも前にコミットした段階に戻ることが可能です。修正できるということが作品に対する真剣さをなくしてしまうという考えもありますが、それはクリエイター次第でしょう。
そしてその作品の制作過程を実際に見ることで、どう考えてどう描いているのかをいつでも振り返れるようになりました。これは見るだけでもとても面白いものです。インスピレーションを得たり、テクニックを学ぶ上でも役立つでしょう。