お持ち帰り画像・素材
このページの画像・素材は無料でお持ち帰りいただけます。ただし個人使用に限ります。
著作権・版権はブーピープ・スタジオ 山田晴久にあります。このページ以外の画像・素材はお持ち帰りできませんのでご了承下さい。
動く自動車イラスト/基本アニメーション
背景に画像を使わないで、車だけを動かしてみます。速度、車が動く方向、背景の色は自由に設定できます。



アニメのソース

<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=""> (背景イメージなし)
<PARAM NAME=
"Image" VALUE="classes/images/p-car_anm.gif">
<PARAM NAME=
"BGXSpeed" VALUE=""> (バックグラウンドX軸のスピードは0)
<PARAM NAME=
"XSpeed" VALUE="-1">
</APPLET>
WIDTH="500" HEIGHT="90"
背景のボックスの大きさです。このアニメは幅500ピクセル×高さ90ピクセルの中で動きます。
"BGColor" VALUE="#ccffcc"
ここでは背景の画像を使わず背景カラー(#CCFFCC)を使っています。
"Image" VALUE="classes/images/p-car_anm.gif"
p-car_anm.gif」という車の画像を使っています。
"XSpeed" VALUE="-1"
-1のマイナスはX軸を左方向に1のスピードで動くということです。1の数値を上げてやるとスピードは速くなります。

今度は右方向に動かしてみます。

pr-car_anm.gif
最初に使った左向きのアニメ画像を使うとバックするアニメになってしまいますので、上の右向きのアニメ画像「pr-car_anm.gif」を使います。
"Image" VALUE="classes/images/p-car_anm.gif" を「pr-car_anm.gif」に書き換えます。
"XSpeed" VALUE="-1" は右方向にするため−(マイナス)を取り、スピードを上げてみましょう。スピード を「3」にします。
"XSpeed" VALUE="3"とします。

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

景色の中を走る車へ





(C) 2007 BOPEEP STUDIO All Rights Reserved