Scrolling Background Dengan Actionscript

Selain menggunakan animasi tween, scrolling background juga dapat dilakukan dengan menggunakan actionscript. Berbeda dengan menggunakan animasi tween, di dalam pembuatan animasi scrolling background dengan actionscript ini anda harus menentukan letak koordinat awal dan akhir serta kecepatan bergerak.

1. Buatlah sebuah gambar seperti di bawah ini dengan panjang yang sama dengan panjang stage dan letakan di tengah-tengah stage bagian bawah.
Objek yang di gambar
2. Seleksi gambar tersebut dan tekan Ctrl+G agar gambar tersebut menjadi group.
3. Seleksi gambar yang sudah di group tadi dan tekan Ctrl+D.

4. Ubah letak gambar kedua hasil duplikasi ke samping kiri gambar pertama seperti gambar di bawah ini:
Pastikan letak objek 2 bergabung dengan objek 1 sehingga tidak ada celah
5. Seleksi kedua gambar tadi dan tekan F8. Pada kotak dialog yang muncul masukkan latar sebagai name dan Movie clip sebagai type lalu tekan OK.
6. Seleksi movie clip latar dan tekan Ctrl+F3. Masukkan latar di kotak instance name pada panel properties yang muncul.
7. Klik frame 1 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut :
1
2
3
4
5
6
7
8
9
10
11
//membuat variable dengan nama xawal dengan nilai sama dengan koordinat x movie clip latar pertama kali
xawal = latar._x;
latar.onEnterFrame = function() {
 //koordinat x movie clip ini ditambah 25
 this._x += 25;
 //jika koordinat x movie clip ini lebih dari 550
 if (this._x>550) {
  //koordinat x movie clip ini sama dengan nilai variable xawal
  this._x = xawal;
 }
};
8. Tekan Ctrl+Enter untuk melihat hasilnya.
Movie clip bergerak ke kanan
9. Koordinat akhir (contoh : if (this._x>550) {) dan kecepatan bergerak (contoh : this._x += 25;) mempengaruhi kehalusan animasi. Jika anda salah menentukannya maka animasi akan berjalan patah-patah/tidak halus.
Sourcenya dapat di download di sini

Source : WF

SHARE THIS

Author:

Previous Post
Next Post