Two.jsはSVG/Canvas/WebGLを使ったWebベースのドローライブラリです。

HTML5の登場によってWeb標準の技術だけでHTML上に図形を描画できるようになりました。とは言え、すぐに使いこなせる訳ではありません。そこで使ってみたいのがTwo.js、アニメーションをサポートしたドローライブラリです。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-08 8.49.59_thumb.1368003412.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-08 8.49.59.1368003412.png)
2Dのレンダリングだけでなく、アニメーションも行えます。

[![](http://images.moongift.jp/2013/05/Screenshot 2013-05-08 8.50.49_thumb.1368003416.png)](http://images.moongift.jp/2013/05/Screenshot 2013-05-08 8.50.49.1368003416.png)
SVGであれば拡大しても奇麗です。

Two.jsはCanvas/SVG/WebGLをサポートしたドローライブラリで、アニメーションも実行できます。小さく表示はもちろん、拡大してもスムーズな描画が可能で、使いどころが多いのではないでしょうか。

Two.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

MOONGIFTはこう見る

イラストやアニメーションと言った類のものはプログラマーにとっては敷居が高いイメージがあります。しかし描いたイラストを動かすとなるとプログラミングの力が必要で、デザインとプログラミング両方の能力がなければインパクトあるアニメーションは実現しないでしょう。

今後ますますWebはビジュアルを求められるようになります。Flash経験者にとっては、手元の技術こそ変われど求められるニーズは変わらないでしょう。Flash未経験者にとっては、全員がこれからの技術だけに先んじて手をつけるのも良さそうです。

Two.js

jonobr1/two.js · GitHub