Make a Mouse Pointer and Frame Control With clipEvent in Flash

Membuat Pointer Mouse dan Control Frame dengan menggunakan clipEvent di Flash

Pada postingan sebelumnya saya sudah menyampaikan mengenai clipEvent kepada teman2, serta saya sudah menjelaskan ketarangan masing masing clipEven. Pada kesempatan kali ini saya akan memebrikan contoh penggunaannya.

1. Penggunaan clip event dalam pembuatan Pointer mouse di Flash

Langkah-lagnkah membuat sebuah pointer mouse di flash

1. Buat sebuah movie clip yang ingin kita jadi kan pointer tersebut, misalnya saya buat sebuah pointer berbentuk belah ketupat dan instance namenya saya beri nama panah (cara memberi nama instance nama ada di movie clip propertis.
untitled-2.jpg
misalnya seperti gambar diatas.

2. Setelah itu saya tuliskan script berikut dalam movie clip tersebut, caranya klik movie klip tersebut terus tekan F9 maka action panel akan muncul.

3. Di action panel tuliskan script berikut :

onClipEvent(load){

Mouse.hide();

}

onClipEvent(mouseMove){

_root.panah._x=_root._xmouse;

_root.panah._y=_root._ymouse;

}

Penjelasan script

Mouse.hide(); adalah sebuah fungsi untuk menyembunyikan pointer mouse bawaan windows.

_root.panah._x=_root._xmouse;

_root.panah._y=_root._ymouse;

Script ini di gunakan untuk menyamakan posisi movie clip panah dengan posisi posisi pointer mouse windows. Penjelsan onClipEvent(load) dan onClipEvent(mouseMove) telah saya post di postingan saya sebelumnya.

2. Penggunaan clipt event dalam pembuatan control frame

1. Pertama kita harus membuat movie clip untuk menyimpan script clipEvent ini. Tuliskan script berikut pada movie klip tersebut :

onClipEvent (load) {

frame = 2;

}

onClipEvent (enterFrame) {

if (frame>1 && _root.back == 1) {

frame = frame-1;

} else if (_root.back == 0) {

frame = frame+1;

} else {

frame = frame +0;

}

_root.gotoAndStop(frame);

}
2. Buat sebuah animasi sederhana dengan motion tween di layer baru. Misalnya membuat sebuah animasi kotak yang berubah dari kecil ke besar.

3. Buat layer baru sebagai penyimpan variabel pengontrol. Karena pada animasi saya membuat tweening dari frame 1 ke frame 10 maka variabel pengontrolnya saya tuliskan di frame 1 dan 10 dalam hal ini variabel pengontrol itu adalah back.

Di frame 1 saya tuliskan script back=1 dan di frame 10 saya tuliskan script back=3.

4. Tambahkan dua buah tombol sebagai navigasi. Tombol yang menyatakan mundur tuliksan script berikut

on (release) {

back = 1;

}

untuk tombol maju tuliskan script berikut

on (release) {

back = 0;

}

Contoh programnya dapat dilihat disini.

Penjelasan dari script tersebut adalah kita menggunakan pengkondisian yang selalu di cek saat kita memasuki frame. Oleh sebab itu kita menyediakan sebuah clip untuk menyimpan script tersebut.

onClipEvent (load) {

frame = 2;

}

Script diatas kita menyimpan sebuah variabel dengan nama frame yang di load saat awal movie klip dimainkan.

if (frame>1 && _root.back == 1) {

frame = frame-1;

}

Script ini untuk melakukan apakah nilai frame lebih dari satu dan nilai back = 1 jika iya maka nilai frame akan di kurang 1.

else if (_root.back == 0) {

frame = frame+1;

}

Jika variable back = 0 maka frame akan di tambah 1

else {

frame = frame +0;

}

Jika tidak keduanya maka nilai frame akan ditambah 0

_root.gotoAndStop(frame);

Menuju dan berhenti di frame nomor yang dituju di dalam kurung

Script yang berada pada layer frame yaitu back=1 dan back =3 adalah script pengontrol unutuk memberhentikan looping dalam pengecekan enterframe

Download .fla nya …

Mudah-mudahan tutorial singkat ini dapat menambah wawasan teman teman ..

Maaf jika ada kekurangan .. terimakasih ….

, , ,

  1. #1 by westnu on July 2, 2010 - 7:59 am

    makasih tutorialnyaa

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: