Cara Membuat animasi Mengikuti mouse

Assalamu'alaikum Sobat Animation, pada kali ini kita akan mempelajari Bagaimana caranya untuk membuat animasi  yang mengikuti mouse,,

Langkah 1.

• Buka Adobe Flash
• Buat flash dokumen baru.
• Buatlah 2 buah Layer dan beri nama Layer 1 dengan nama “pesawat” dan Layer 2 dengan nama action,

Langkah 2.

Klik Layer “pesawat” dan masukkan gambar pesawat dengan cara klik File – Import – Import to Stag kemudian pilih gambar yang ingin sobat buat animasinya. (sebagai contoh saya menggunakan gambar pesawat ).

Langkah 3.

Klik gambar pesawat, lanjutkan dengan klik Modify – Convert to Symbol (F8)

Pada kota dialog Convert to Symbol pastikan pilihan sobat seperti yang terdapat pada gambar dibawah dan lanjutkan dengan klik OK.

Langkah 4.

Masih di gambar pesawat, klik Windows – Properties – Properties

Pada kotak dialog properties isi instance name dengan “pesawat_mc”

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.  }

Jika selesai menuliskan codenya cobalah untuk menjalankan animasinya dengan menekan tombol Ctrl + Enter dan silahkan sobat gerakkan mouse sobat.

Selamat Mencoba .........!!

Tweet