ITエンジニア/デザイナ向けにオープンソースを毎日紹介

格好いいパーティクルは魅力的です。アプリケーションやWebサイトの彩りとして、未来感を与えたり、インタラクティブ性を感じられます。炎や星空など、様々なパーティクルがあるでしょう。

今回紹介するparticles.jsは線が結びついたパーティクルを生成します。使いどころは意外とありそうです。

particles.jsの使い方

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

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

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

色を変えたり。

点の形を変えた場合。

線の色を変更。

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

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

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

particles.js - A lightweight JavaScript library for creating particles

VincentGarreau/particles.js: A lightweight JavaScript library for creating particles

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2