mouse

Animasi Mengikuti Kursor

Kali ini saya akan membuat sebuah objek yang bergerak seakan-akan mengikuti mouse. Yang ini beda sama yang mengganti kursor lho. Kalo bingung, langsung aja deh lanjut…..
•    Seperti biasa, kita buat sebuah dokumen baru.
•    Sekarang yang mengikuti kursor adalah kepik, atau kumbang, gambar yang bagus ya..

•    Setelah kita gambar kumbang yang bagus, kemudian seleksi kumbang tersebut atau tekan Ctrl + A (Seleksi semua).
•    Kemudian kita klik kanan pada kumbang tersebut dan pilih Convert To Symbol, lalu pilih MovieClip (Setting seperti di gambar ya ).

•    Oke, sekarang Kumbang kita jadi sebuah MovieClip.
•    Terlebih dahulu kita klik kumbangnya dulu terus kita pergi ke panel properties (caranya tekan Ctrl + F3) dan ubah instance name-nya menjadi kumbang_mc.

•    Sekarang kita beralih ke Actionscript nih, siap2 ya.. 😆
•    Buka Panel Actions dengan menekan F9 pada keyboard, jika yang muncul adalah Panel Actions – MovieClip, berarti kita harus meng-klik Layer 1 frame 1 agar Panelnya menjadi Actions – Frame.

•    Kemudian ketikkan script berikut :
01    _root.onEnterFrame=function(){
02    //mencari selisih dari koordinat
03    var deltaX = _xmouse – kumbang_mc._x;
04    var deltaY = _ymouse – kumbang_mc._y;
05    //menggerakkan kumbang ke kursor sebesar 1/10 dari jarak ke kursor
06    kumbang_mc._x += deltaX / 10;
07    kumbang_mc._y += deltaY / 10;
08    //kumbang menghadap ke mouse
09    kumbang_mc._rotation = -Math.atan2(-deltaX,-deltaY)*180/Math.PI;
10    }

Test movie dan lihat hasilnya …:)

juka kalian ingin melihat hal-hal yang baru,,, silahkan klik link halaman di bawah ini…

One comment on “Animasi Mengikuti Kursor

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s