97年12月に子供がはいはいをし始めたことが嬉しくて作成しました。横にずーっと動かしたかったので、ただのGIFアニメでは大きくなり過ぎるのでJavaScriptの使用を考えました。
まあ、サンプルというかこれが目的なのであまり他に使えるとは思いませんが。
４枚の透過GIFファイルのみを切り替え、横にはスクロール機能を使用することで横に動くアニメーションを実現しました。これによってロードするファイルが最小限で済みます。
見る画面の大きさが640*480 , 800*600 , 1024*768などの違いによって動きが多少変わります。私のThinkPadが800*600なので、その中で最もそれらしく動く様になっています。640の場合は最初に登場するまでに少し時間がかかります。1024以上の場合は最後のところでしばらくじたばたするようになってしまいます。
この動作は、BrowserのWindowの大きさに依存しますので、画面が1024でもBrowserを適当な大きさのWindowにすれば、それらしく動きます。
アニメの表示が始まってからWindowのサイズを変えたりすると、アニメが早送りで動くようになってしまう場合があります。その時は、別のページを一度表示してから戻ると、正常に戻ります。
既に目的は達成したので、機能拡張などの予定はありません。ただ、マウスのクリックで数が増えたりすると面白いだろうなぁなんてことは思います。速くなったり。。