横に流れる背景をループさせる(FlashLite1.1)

今回は永久に背景が続くように表示させる方法です。


1まず下図のような背景の画像を用意します。
作成するFlashサイズ(240X400)の2倍の横幅:480pxの画像を用意しました。
ループさせるので、画像の右の端と左の端がうまく合うように作りましょう。




2この画像を右クリックからムービークリップに変換します。



3プロパティウィンドウで、インスタンス名を「bg」とします。




4では、ここからActionScriptです。
まずは、ActionScrip用のレイヤーの1フレーム目から。




//ActionScriptここから

//背景ムービークリップを複製
duplicateMovieClip("bg", "bg2", 100);

//元の背景画像と複製した背景画像をそれぞれ初期位置に配置
tellTarget("bg2"){
_x = -720;
_y = 0;
}
tellTarget("bg"){
_x = -240;
_y = 0;
}

//AcsionScriptここまで

続いて、 3フレーム目にAcsionScriptを書き込みます。


//ActionScriptここから

//背景画像を右方向に動かす
//+=1の部分が動く速度になります

tellTarget ("bg") {
_x += 1;
}
tellTarget ("bg2") {
_X += 1;
}

//複製した背景のx座標(横方向)が-240になったら1フレーム目に移動(背景を初期位置に戻す)
if (bg2._x>=-240) {
gotoAndPlay(1);

//そうでない場合は2フレーム目に移動
} else {
gotoAndPlay(2);
}

//AcsionScriptここまで


これで、背景のループが完成です。

例として、ねこを歩かせてみました。