サイトの背景に夜空の星を表示することができるjQueryプラグインです。

マウスの動きに合せて、星が流れるような動きをします。

サンプルを作りましたので、サンプルを見ていただいたほうが早いかと。

星空をサイトの背景画像にするjQueryプラグイン「jQuery Starfield」サンプル


実際のところ、どういう場面で使えるのかすこし頭を抱えるところではあります・・。でも、アイデア次第でインパクトのある使い方ができるはず。




使用方法
まずはこちらのサイトから進んで、ファイル一式ダウンロードします。

次に</body>直前などに必要なファイルを読み込ませます。ファイル名やパスに注意。


<body>内に以下のように記述します。


オプションは以下のとおり。
・ starDensity (default 1.0): 星の多さ。
・ mouseScale (default 1.0): マウスに合わせた星の動きのスピード。
・ seedMovement (default true): ページが開いてからすぐに星をスクロールさせるか。falseだとマウスをのせるまでは動かない。

最後にサンプルのソースを書いておきます。どうぞご参考まで。


この記事と関連してると思われる記事: