Monday, January 22, 2018

[TUTORIAL TEKNIK ANIMASI] JAM ANALOG Macromedia Flash 8

1.Buka aplikasi Macromedia Flash 8
2.Pilih menu Flash Document
3.Sediakan gambar jam tanpa jarum. Kemudian drag ke stage di file yang tersedia.
4.Buatlah tiga garis menggunakan Line Tool pada Tools Panel. Garis jam lebih panjang dari garis menit. Garis menit lebih panjang dari garis detik. Garis detik lebih panjang dari garis jam

5.Seleksi garis yang paling kecil yaitu garis jam. Kemudian tekan F8 pada keyboard. Maka pada panel yang muncul masukan jam­_mc sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah. Lalu tekan OK

6.Seleksi movie clip jam_mc ­di stage. Kemudian tekan Ctrl+F3 pada keyboard. Maka pada panel properties yang muncul masukkan jam_mc sebagai instance name.

7.Lalu seleksi garis kedua yaitu garis menit. Kemudian tekan F8 pada keyboard. Maka pada panel yang muncul masukkan menit_mc sebagai name dan movie clip sebagai type, serta pastikan titik registrationnya berada di tengah bagian bawah. Lalu tekan OK

8.Seleksi movie clip menit_mc di stage. Kemudian tekan Ctrl+F3 pada keyboard. Maka, pada panel properties yang muncul masukkan menit_mc sebagai instance name.

9.Seleksi garis ketiga yang terpanjang yaitu garis detik. Kemudian tekan F8 pada keyboard. Maka pada panel yang muncul masukkan detik_mc sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah. Lalu tekan OK.

10.Seleksi movie clip detik_mc di stage. Kemudian tekan Ctrl+F3 pada keyboard. Maka, pada panel properties yang muncul masukkan detik_mc sebagai instance name.

11.Letakan movie clip jam_mc di tengah lingkaran yang telah dibuat sebelumnya.

12.Selanjutnya letakan movie clip menit_mc dan detik_mc di tempat yang sama seperti jam_mc berada. Seperti dibawah ini (ketiga garis ditumpuk)

13.Klik frame 1 dan tekan F9 pada Timeline. Pada panel actions yang muncul masukan script berikut:

onEnterFrame = function () {
     waktu = new Date();
     jam = waktu.getHours();
     menit = waktu.getMinutes();
     detik = waktu.getSeconds();
     if (jam>12) {
            jam -= 12;
     }
     jam_mc._rotation = jam*30+(menit/2);
     menit_mc._rotation = menit*6;
     detik_mc._rotation = detik*6;

};

14. Test animasi dengan menekan Ctrl+Enter.




semua file mentahan : https://drive.google.com/drive/folders/1MF4Czv7aOE7hZWXGSX-B3qtPM25eMb6f

0 comments:

Post a Comment