Creat.jsとParticle.jsで波のエフェクトを作成する #JavaScript

particle.jsとcreatjsを使って波のエフェクトを作成できます。

前者が星や泡みたいなエフェクトで後者が線を表現する感じですね。これを組み合わせることで、https://ics.mediaのトップページにあるエフェクトを表現できます。

ここで紹介したParticleJSはこちらのparticle.jsを参考に作られている感じですが、本家ではなく、ここで紹介したものののほうが個人的にはオススメです。

$ git clone https://github.com/ics-creative/ParticleJS
$ cd ParticleJS/examples
$ open demo.html

ブラウザからも値を調整できます。

$ git clone https://github.com/ics-creative/151124_createjs_waves
$ cd  151124_createjs_waves/examples
$ open 5_finish.html

素晴らしいですね。解説は以下の記事で詳しくなされています。