Minggu, 21 Juli 2013

Menggerakkan Movie Clip dengan Tombol

dalam tutorial ini kita akan menggerakkan sebuah movie clip(MC) menggunakan tombol dengan action script(AS), jadi mc tersebut dapat kita gerakkan kekanan kekiri kebawah maupun keatas dengan tombol, untuk jelasnya perhatikan gambar berikut
 pertama buat tiga buah layer dengan nama masing-masing tombol, klip dan action, dimana layer tombol berisi tombol atas_btn, bawah_btn, kanan_btn serta kiri_btn dan layer klip berisi bola_mc, kemudian layer action berisi as untuk lebih jelasnya perhatikan gambar berikut

buat empat buah gambar pada layer tombol yang menunjukkan arah gerak dari bola_mc, kemudian convert(f8) menjadi button masing-masing gambar tersebut dengan name masing-masing sesuai arahnya yaitu atas_btn, bawah_btn, kanan_btn serta kiri_btn, untuk lebih jelasnya perhatikan gambar berikut

setelah menjadi button berilah nama instance name sesuai dengan nama masing-masing tombol tersebut, jadi tombol atas_btn diberi nama instance name atas_btn kemudian bawah_btn diberi nama instance name bawah_btn dan seterusnya, untuk lebih jelasnya perhatikan gambar berikut
kemudian buat sebuah lingkaran pada layer klip kemudian convert lingkaran tersebut menjadi movie clip dangan name bola_mc, lalu pada stage beri nama bola_mc pada instance name, kemudian beralih ke layer action ketikkan script berikut
atas_btn.addEventListener(MouseEvent.CLICK,atasF);
bawah_btn.addEventListener(MouseEvent.CLICK,bawahF);
kanan_btn.addEventListener(MouseEvent.CLICK,kananF);
kiri_btn.addEventListener(MouseEvent.CLICK,kiriF);
function atasF(event:MouseEvent):void {
 bola_mc.y-=5;
}
function bawahF(event:MouseEvent):void {
 bola_mc.y+=5;
}
function kananF(event:MouseEvent):void {
 bola_mc.x+=5;
}
function kiriF(event:MouseEvent):void {
 bola_mc.x-=5;
}
setelah itu tekan ctr+enter atau pada menu pilih control>test movie, maka mc bola_mc akan bergerak sesuai tombol yang ditekan seperti pada gambar awal.anda bisa mendapatkan source tutorial ini disini dengan password wahanaflash.com

Tidak ada komentar:

Posting Komentar