MENGGERAKKAN OBYEK MENGIKUTI MOUSE

Jika beberapa waktu yang lalu saya menulis bagaimana cara membuat animasi yang bergerak mengikuti anak panah keyboard, kali ini saya akan berbagi dengan sobat bagaimana membuat MENGGERAKKAN OBYEK MENGIKUTI MOUSE.
Tanpa basa basi, langsung saja sob……
Langkah 1.
  • Pastinya jalankan Macromedia Flash Sobat.
  • Buat flash dokumen baru.
  • Buatlah 2 buah Layer dan beri nama Layer 1 dengan nama “pesawat” dan Layer 2 dengan nama “action” (tanpa tanda petik).
clip_image002
clip_image004
Langkah 2.
Klik Layer “pesawat” dan masukkan gambar pesawat dengan cara klik File – Import – Import to Stage…, kemudian pilih gambar yang ingin sobat buat animasinya. (sebagai contoh saya menggunakan gambar pesawat tempur).
clip_image006
Langkah 3.
Klik gambar pesawat, lanjutkan dengan klik Modify – Convert to Symbol…
clip_image008
Pada kota dialog Convert to Symbol pastikan pilihan sobat seperti yang terdapat pada gambar dibawah dan lanjutkan dengan klik OK.
clip_image010
Langkah 4.
Masih di gambar pesawat, klik Windows – Properties - Properties
clip_image012
Pada kotak dialog properties isi instance name dengan “pesawat_mc”
clip_image014
Langkah 5 (Terakhir).
Klik Layer “action” frame 1, kemudian tekan tombol keyboard F9 untuk mengaktifkan kotak dialog action dan tuliskan code berikut :
  1. _root.onEnterFrame=function(){
  2. //mencari selisih dari koordinat
  3. var deltaX = _xmouse - pesawat_mc._x;
  4. var deltaY = _ymouse - pesawat_mc._y;
  5. //menggerakkan kumbang ke kursor sebesar 1/10 dari jarak ke kursor
  6. pesawat_mc._x += deltaX / 10;
  7. pesawat_mc._y += deltaY / 10;
  8. //kumbang menghadap ke mouse
  9. pesawat_mc._rotation = -Math.atan2(-deltaX,-deltaY)*180/Math.PI;
  10. }
clip_image016
Jika selesai menuliskan codenya cobalah untuk menjalankan animasinya dengan menekan tombol Ctrl + Enter dan silahkan sobat gerakkan mouse sobat.


Share this article :
 

Post a Comment

Terima Kasih Sudah Meninggalkan Komentar...

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ingin berbagi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger