マウス軌跡2■画像■ 枠内でマウスから蝶    UP日時 : 2015/09/30

■コスモスの画像上でマウスを動かしてください。蝶が出ます。■

■原本のJavaScript(Splash Tracker)はこちらにリンク有り→ マウス軌跡1■画像■マウスから画像続々

指定領域の枠の中で、マウスから次々に複数種類の画像が出てきて、マウスの軌跡を表示するマウスストーカーです。
原本のJavaScript「Splash Tracker」を改造しました。
原本はマウス画像が指定表示数に達すると全部消えていく一発芸の面白さですが、こちらは消えません。
表示指定数を超えると古い画像が消えて、常に指定画数の分だけ次々に表示されていきます。

●注意点
背景画像の縦横サイズピッタリの指定領域(枠=waku)を、マウス画像の出る領域(base)に指定すると、マウス画像が枠からはみ出てしまいます。
特に見本の蝶のような大きな画像を使用すると、はみ出しが大きいです。
なので、別に waku より小さ目にマウス画像の出る領域(base)を指定してあります。
この base の縦横サイズの数値はCSSで自分で調整して下さい。使用する画像によっては、少しはみ出した方が面白い効果が出ることもあります。
枠内ではなく全画面で動作させる方法は、JavaScriptのソースの中に記述してあります。
■類似のJavaScript(Kissing trail)もあります。こちらとの違いは、マウス停止時に画像が消えるかどうかです。

■マウス停止時に画像が消える「Kissing trail」はこちら→ マウス軌跡4■画像■枠内でマウスから星出て消失