Post

Minggu, 28 Juni 2015

Jam analog dengan as 2.0



1. Buat new document (Ctrl+N), pilih ActionScript2.0.
2. Pada layer1 frame1 buat sebuah lingkaran dengan oval tool (o).
3. Buat nomor jam dengan Text tool (T).
4. Buat 3 jarum jam dengan line tool (N) yang mempunyai panjang yang berbeda.
  •     Seleksi pada jarum jam paling pendek lalu di convert to symbol (f8) menjadi movie clip beri nama jam_mc dan rubah registration tengah bawah.
  •     Seleksi pada jarum jam panjang menengah lalu di convert to symbol (f8) menjadi movie clip beri nama menit_mc dan rubah registration tengah bawah.
  •     Seleksi pada jarum jam paling panjang lalu di convert to symbol (f8) menjadi movie clip beri nama detik_mc dan rubah registration tengah bawah.
5. Menambahkan instance name pada jarum jam.

  • Klik pada jarum jam pendek lihat bagian properti (Ctrl+f3), tambahkan jam_mc pada kolom instance name.
  • Klik pada jarum jam panjang menengah lihat bagian properti (Ctrl+f3), tambahkan menit_mc pada kolom instance name.


  • Klik pada jarum jam panjang lihat bagian properti (Ctrl+f3), tambahkan detik_mc pada kolom instance name.
6. Satukan dan letakkan jarum jam dengan urutan jam lalu menit kemudian detik dan letakkan di dalam lingkaran.
7. Pada layer1 klik frame1 dan tekan f9, maka akan muncul jendela Action-frame. Masukan code actionscrip pada jendela Action-frame.

//perintah yang dijalankan ketika frame dimainkan onEnterFrame = function () { //membuat variable waktu sebagai date object waktu = new Date(); //membuat variable jam dengan nilai sama dengan jam pada komputer jam = waktu.getHours(); //membuat variable menit dengan nilai sama dengan menit pada komputer menit = waktu.getMinutes(); //membuat variable detik dengan nilai sama dengan detik pada komputer detik = waktu.getSeconds(); //digunakan jika komputer menggunakan sistem 12 jam //jika nilai variable jam lebih dari 12 maka akan dikurangi 12 if (jam>12) { jam -= 12; } //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2 jam_mc._rotation = jam*30+(menit/2); //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6 menit_mc._rotation = menit*6; //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6 detik_mc._rotation = detik*6; };

8.Tambahkan background dengan menambah layer baru dan pindah posisi layer background di bawah layer1. Buat kotak penuh dengan rectangel tool (R).
9.Test (Ctrl+Enter).

Tidak ada komentar:

Posting Komentar