Animasi 2d

Animasi Mengikuti Kursor ( ACTION SCRIPT 3 )

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..  :lol:
  • 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 }

14 comments on “Animasi 2d

  1. Ping-balik: Kata-kata Gokil | Galaxy Ilmu Animasi

  2. Ping-balik: Kumpulan Kata Kata Romantis Lucu | Galaxy Ilmu Animasi

  3. Ping-balik: Kata Kata Hikmah Islami Paling Bagus | Galaxy Ilmu Animasi

  4. Ping-balik: Kata Kata Galau Karena Cinta | Galaxy Ilmu Animasi

  5. Ping-balik: 7 Langkah untuk Mengoptimalkan Posting Blog untuk Google dan Pembaca | Galaxy Ilmu Animasi

  6. Ping-balik: Animasi Mengikuti Kursor | Galaxy Ilmu Animasi

  7. Ping-balik: Sekilas Tentang Animasi Indoneisa | Galaxy Ilmu Animasi

  8. Ping-balik: SEJARAH DARI SEO ( SEARCH ENGINE OPTIMIZATION ) | Galaxy Ilmu Animasi

  9. Ping-balik: Jenis-jenis Animasi | Galaxy Ilmu Animasi

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