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

More than 1 year has passed since last update.

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

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

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

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

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

http://ics-web.jp/projects/particle-develop/

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

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

https://ics.media/entry/10141

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.