幾何学的な背景が作れるjQuery「Particleground」を紹介

おもしろい背景を作りたい

浦島です。今回は幾何学的な背景が作れるjQuery「Particleground」を紹介します。

公式サイトでサンプルをご覧ください。

必要なファイル

公式サイトからファイルをダウンロードしましょう

必要なファイルはこれだけ

 

「jquery」と「jquery.particleground.min.js」をhead内に読み込んで行きましょう。

 

jQueryを反映させる範囲を決めましょう

今回は、背景全面を幾何学模様に変えていきます。

bodyにクラスをつけていきます

 

cssで背景色をつけます。

スクリプトを動かすコード

 

点の色を変えたり、線の太さを変えたりなどオプションがあります。
他にもあるのでこちらでチェックしてみてください
github

最終的なコード

 

以上、幾何学的な背景が作れるjQuery「Particleground」を紹介でした。
他にもjQueryのプラグインを紹介しているので見ていってくれると嬉しいです。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PAGE TOP