particles.js - Web上のパーティクルライブラリ // MOONGIFT Archived

格好いいパーティクルは魅力的です。アプリケーションやWebサイトの彩りとして、未来感を与えたり、インタラクティブ性を感じられます。炎や星空など、様々なパーティクルがあるでしょう。今回紹介するparticles.jsは線が結びついたパーティクルを生成します。使いどころは意外とありそうです。

particles.jsの使い方

星座や分子のようにつながっています。

アニメーションGIFだとこんな感じ。

形成するパラメータは様々に変えられます。

色を変えたり。

点の形を変えた場合。

線の色を変更。

マウスを当てると逃げていきます。

particles.jsはトップページの背景で動かしていても面白そうです。動画にして、バーチャル背景に使ってみるなんてのもよさそうです。知っておくとぴったり当てはまる使い方があることでしょう。

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