Animasi Action Script: Lingkaran Mengelilingi Lingkaran

Di tulisan tutorial flash kali ini saya akan menulis tentang bagaimana cara membuat animasi dengan mudah menggunakan Action Script. Kenapa saya bilang mudah?? Yah,.. karena memang simpel sekali. Sesimpel apa sih? lihat saja animasi di bawah ini.

Untuk membuat animasi lingkaran mengelilingi lingkaran layaknya animasi revolusi bumi, saya cukup menggunakan Action Scrip untuk menggerakkan lingkaran biru yang mengelilingi lingkaran kuning. Tentang pengertian action script telah saya tulis disini, silahkan dibaca-baca sendiri.

Simpel sekali bukan?? Animasi di atas memang bisa di buat dengan menggunakan teknik Guide. Membuat animasi dengan teknik guide akan saya jelaskan lain kali. Buat yang penasaran apa itu animasi Guide harap bersabar.

Wah,... saya udah kebanyakan chit chat nih. hehehe... OK, langsung saja kita mulai membuat animasi dengan action script.

1. Buat dua buah lingkaran kemudian masing-masing di ubah ke dalam bentuk movie clip. Caranya: Klik kanan objek lingkaran > Convert to Symbol... > Beri nama sesuai keinginan anda, Type: Movie Clip > OK.

2. Beri instance name pada masing-masing lingkaran. Lingkaran yang diam beri instance name: "center" (tanpa tanda kutip), sedangkan lingkaran yang bergerak beri instance name "bob"(tanpa tanda kutip). Caranya: Klik movie vlip lingkaran > Buka penel Properties > Cari kotak instance name > isikan nama instance name.


3. Memeberi actions script pada movie clip lingkaran yang akan bergerak mengelilingi lingkaran yang satunya. Atau tepatnya pada lingkaran dengan instance name 'bob'. Caranya: Klik kanan lingkaran dengan instance name "bob" > Actions > Masukkan action script berikut.

onClipEvent(load){
angle=0//degrees
mainDistance=100//pixels
}
onClipEvent(enterFrame){
angle+=5
xDistance=Math.sin(angle * Math.PI/180)*mainDistance
yDistance=Math.cos(angle * Math.PI/180)*mainDistance
xDisCalculated=_root.center._x-xDistance
yDisCalculated=_root.center._y-yDistance
this._x=xDisCalculated
this._y=yDisCalculated
}



4. Simpan dan jalankan animasi [CTRL + ENTER]

Simpel sekali bukan?? Contoh implementasi animasi action script diatas adalah sebagai berikut

Enjoy!!