きつつき工房だより(top) > 追っかけ動物
動物がカーソルのあとを追っかけます。遊んであげないと寝ちゃいます。
| あざらし運動場 | |
| しろくま運動場 | |
| ぶた運動場 | |
| ふくろう運動場 | |
| はりねずみ運動場 | |
| ハムスター運動場 | |
| やもり運動場 | |
(ご注意) カーソル追っかけ動物は、「AUTO LOGO」のページからソース(JavaScript)をいただいて、
動物のアニメのみ当工房のオリジナルと差し替えたものです。
ソース利用の際は、原著作者のページ「AUTO LOGO」からご利用ください。
追っかけ動物は、JavaScript(ジャバ・スクリプト)という技術を使っています。
はっきりいって、そのしくみは私もわかりませんが、
ホームページのソースのなかに、JavaScriptで書かれた指令を埋め込んでおくと、
時間で画面が変化したり、カーソルの動きに反応したり、といろいろなことができるわけです。
追っかけ動物の場合は、カーソルを追って画像が移動するようになっているわけですが、
そのときに2枚の画像が組み合わされて交互に表示されるので、走っているように見えるのです。
進む方向によって、上、下、右、左、右上、右下、左上、左下の8方向、各2枚で16枚、
カーソルが止ったときに、飽きて寝てしまう動作が7枚、
カーソルが動き出したときの反応が1枚、
全部で24枚の画像が使われています。
各ページに24枚が表示してありますのでご覧ください。
JavaScriptについては、
このソースを作ったneonさんのサイト「AUTO LOGO」に詳しい説明がありますので、
そちらを見てください。ソースもフリーでダウンロードできます。
自分のホームページに使う方法も解説されていますよ。