マウス追いネコ

マウスカーソル追いかけニャンコ

 私のHPの中をマウスを追いかけながら駆け回っているのが、Ishizuさんが公開されていたマウスカーソル追いかけニャンコ(H19年1月現在非公開)です。
 以前はいくらかこれを使っているホームページを見かけていたのですが、JavaScriptを配布するページも閉鎖してかなり時が経過した令和3年にもなると、流石に誰も居なくなってしまったようです。見ての通り、かわいいネコなので、このまま誰に知られることもなく埋もれてしまうのは寂しいです。
 かなり昔、HAIKで使うために10日間ぐらいヘロヘロになりながら改造した記事を、そちらのページに掲載しているのですが、HAIKも使う人がほとんど居なくなってしまった現在、それを検索して見てくれる人がこれから出るとも思われません。
 それで、WordPressで使う紹介のためにも、このページを作っておくことにしました。
 JavaScriptの内容の詳細については、HAIKでのページを見てください。ここで改造したJavaScriptの外部ファイルは、そのままWordPressや他のCMSでも使えるはずです。
 画像も、JavaScriptのファイル内で、任意のフォルダに指定できます。

理屈抜きで設置するだけなら

 HAIKのページは、まだオリジナルのファイルが公開されている当時に、その改造方法を詳しく書いたので、使うだけの方にとっては却って分かりにくくなってしまっているかもしれません。
 ただ簡単に使うだけなら、このページのページソースを表示し、その最後の方からさらに、NEKO_TORA.js のJavaScriptを表示させて、それをダウンロードしてしまえば、改造したソースが手に入ります。
 ブラウザで表示の際には、文字コードがUTF-8でないと、2バイト文字が文字化けしてしまいますが、ダウンロードしたものは正常に表示されます。
 画像は、このスクリプトを設置したもう一つ下の、NEKO_TORA フォルダを読みに行くようになっています。画像を、自分のサーバー内のその位置に用意して、それを表示するようにお願いします。
 画像を現在公開しているのは、『マウスストーカー4■画像■ 追いかけニャンコ』の「トラねこ」(このページでも表示しているネコ)だけになっています。
 私の NEKO_TORA.js は、圧縮をかけているので、圧縮されたJavascriptやcssを元に戻してくれる Pretty Diff などのWebサービスを使って、圧縮をもとに戻すと、プログラムの内容がよく分かります。

WordPressで使う

 別ページで作ったJavaScriptの外部ファイルを、WordPressで使うのは簡単です。
 「独自CSSやJavascript追加」のやり方で簡単に設置できます。

タイトルとURLをコピーしました