背景画像を使います。車だけじゃなく背景も移動します。背景はデジカメで撮った風景写真とか車はペットの写真、イラストなどを使っていろいろ応用できます。あなた自身の楽しいアニメを作ってみてください。

ここで 使用する 画像。

o-car_anm.gif

scene_01.jpg

<APPLET CODE="GTicker" CODEBASE="classes/" WIDTH="500" HEIGHT="90" ALIGN="BOTTOM">
<PARAM NAME="cabbase" VALUE="GTicker.CAB">
<PARAM NAME="BGColor" VALUE="#ccffcc">
<PARAM NAME="BGImage" VALUE="classes/images/scene_01.jpg">
<PARAM NAME="Image" VALUE="classes/images/o-car_anm.gif">
<PARAM NAME="BGXSpeed" VALUE="2">
<PARAM NAME="XSpeed" VALUE="-3">
</APPLET>

WIDTH="500" HEIGHT="90"
背景のボックスの大きさです。このアニメは幅500ピクセル×高さ90ピクセルの中で動きます。

"BGColor" VALUE="#ccffcc"
ここでは背景の画像を使いますので、背景カラーがどんな色であってもかまいません。
ただし、GIFの背景画像で透明部分を設定した画像は透明部分に背景のカラーが現れます。この場合「#CCFFCC」が現れます。

"BGImage" VALUE="classes/images/scene_01.jpg"
「scene_01.jpg」という背景の画像を使っています。

"Image" VALUE="classes/images/o-car_anm.gif"
「o-car_anm.gif」という車の画像を使っています。

"BGXSpeed" VALUE="2"
バックグラウンド（背景）スピード２。右方向に２のスピードで背景が移動します。

"XSpeed" VALUE="-3"
車の画像は左方向に3のスピードで移動します。

ではどうなったかな？ここをクリックして見て。

「b-car_anm.gif」(青い車)と「scene_02.jpg」(都会の風景)を使います。
"BGImage" VALUE="classes/images/scene_01.jpg"　を「scene_02.jpg」に書き換えます。
"Image" VALUE="classes/images/r-car_anm.gif"　を「b-car_anm.gif」に書き換えます。
"XSpeed" VALUE="-3"　は街の中なので、少しスピードを落として
"XSpeed" VALUE="-2"　とします。

ではどうなったかな？ここをクリックして見て。

「y-car_anm.gif」(黄色の車)と「scene_03.jpg」(夜の都会)を使います。
"BGImage" VALUE="classes/images/scene_02.jpg"　を「scene_03.jpg」に書き換えます。
"Image" VALUE="classes/images/b-car_anm.gif"　を「y-car_anm.gif」に書き換えます。
"BGXSpeed" VALUE="2"　は夜の街なので静かな雰囲気で
"BGXSpeed" VALUE="1"　とします。
"XSpeed" VALUE="-2"　は夜の街の中なので、さらにスピードを落として
"XSpeed" VALUE="-1"　とします。

ではどうなったかな？ここをクリックして見て。