きつつき工房だより(top) > 追っかけ動物

追っかけ動物

 動物がカーソルのあとを追っかけます。遊んであげないと寝ちゃいます。


も く じ

あざらし運動場  
しろくま運動場  
ぶた運動場  
ふくろう運動場  
はりねずみ運動場  
ハムスター運動場  
やもり運動場  
(ご注意) カーソル追っかけ動物は、「AUTO LOGO」のページからソース(JavaScript)をいただいて、動物のアニメのみ当工房のオリジナルと差し替えたものです。
 ソース利用の際は、原著作者のページ「AUTO LOGO」からご利用ください。

追っかけ動物のしくみ

 追っかけ動物は、JavaScript(ジャバ・スクリプト)という技術を使っています。
 はっきりいって、そのしくみは私もわかりませんが、ホームページのソースのなかに、JavaScriptで書かれた指令を埋め込んでおくと、時間で画面が変化したり、カーソルの動きに反応したり、といろいろなことができるわけです。
 追っかけ動物の場合は、カーソルを追って画像が移動するようになっているわけですが、そのときに2枚の画像が組み合わされて交互に表示されるので、走っているように見えるのです。
 進む方向によって、上、下、右、左、右上、右下、左上、左下の8方向、各2枚で16枚、カーソルが止ったときに、飽きて寝てしまう動作が7枚、カーソルが動き出したときの反応が1枚、全部で24枚の画像が使われています。
 各ページに24枚が表示してありますのでご覧ください。

 JavaScriptについては、このソースを作ったneonさんのサイト「AUTO LOGO」に詳しい説明がありますので、そちらを見てください。ソースもフリーでダウンロードできます。
 自分のホームページに使う方法も解説されていますよ。


きつつき工房だより(top) > 追っかけ動物

GIFアニメ | 日本の野生動物 | 追っかけ動物
花アイコン | 木版画・切り絵
組み木 | ペーパークラフト | イラスト
自己紹介 | 安曇野 | リンク | 日記
掲示板 | 更新記録 | サイト・マップ

Copyright (C) 2000-2003 きつつき工房 All rights reserved