Webの表現力はHTML5によって高まっていますが、そう簡単に高度な表現ができるわけではありません。目を引くようなアニメーション、グラフィックスを実現させようと思ったら相当量のコードを書かなければならないでしょう。 今回はそんな作業を軽減してくれるパーティクルライブラリProtonを紹介します。

Protonの使い方

Protonのデモです。花火。

丸がニョキニョキ伸びていくデモ。

ゲームで使うこともできます。

ブラウザのアイコンが飛んでいくデモ。

文字が広がったり、戻ってきたりするデモです。

Protonのサイトには多くのデモが登録されています。それらを見れば、どんなことができるのかすぐに分かるでしょう。炎やガスのような表現はもちろんのこと、より複雑なパーティクル表現も実現できるでしょう。

ProtonはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Proton a-jie/Proton: A particle engine for html5