背景に幾何学的なアニメーションを表示するparticles.js
目次
ドメインの所有者を調べるWhoisサイトのdomaintools.comを見て気になったマウスカーソルに合わせて動くワイヤーフレームのような幾何学模様のアニメーションについて調べてわかったことをメモ。
「particles.js」というやつらしいです。
jQweryやCSSでできるやつかと思って蜘蛛の巣とか、ラインアートとか、ワイヤーフレームとかポリゴンとか組み合わせてかなり検索しましたが見当たらず、domaintools.comのソースを見ていると以下のソースが気になりました。
<canvas id="spiders" class="hidden-xs"></canvas>
そこでspidersを検索すると同じように探している方がいるようで海外の質問サイトのページがヒットしました。
ここでparticles.jsということがわかりました。
particles.js
domaintools.comは少し違う動きをしていますが、多分カスタマイズしているんだと思います。
カスタマイズの参考
Particleground
particles.jsと同じようなParticlegroundというのも見つけました。
カスタマイズの参考
他にも気になるスクリプトのまとめ
水面に波紋が広がるようなもの
jQueryのファイルとjQuery Ripplesのファイルを読み込めばOK。