ループ : ActionScript

Tweet

Pocket

ActionScriptを用いた画像のループを作成しました。画像の選び方が悪いので不自然ですが、画像によっては自然に見えるのではないでしょうか。

大まかな手順

画像をシンボルへ変換

適当な画像をムービークリップシンボルへ変換します(F8)。変換ダイアログのオプションを下記のように設定します。
名前:back
識別子:back
リンケージ:「ActionScriptへ書き出し」,「最初のフレームへ書き出し」をチェック
シンボルの左上を基準点にします。

画像(インスタンス)を削除

画像はActionScriptのattachMovie関数で動的に書き出すため、ステージから削除しておきます。

ActionScriptの設定

1フレーム目ににActionScriptを設定。

ActionScript

function LoopClip(x, speed) {
	this._x = x;
	this.speed = speed;
	this.other = null;
	this.onEnterFrame = function() {
			this._x += this.speed;
			trace(this._width);
			if (this._x>=this._width) {
				this._x = this.other._x-(this._width-5);
			}

	};
}
var clip1 = new LoopClip(0, 5);
var clip2 = new LoopClip(-400, 5);
var loop1 = attachMovie('back', 'back1', 0, clip1);
var loop2 = attachMovie('back', 'back2', 1, clip2);
attachMovie('border','border',2);
loop1.other = loop2;
loop2.other = loop1;