Membuat Jam Analog

Pada Pembahasan sebelumnya kita telah membahas bagai mana membuat Jam digital, dan pada pertemuan kali ini kami akan mencoba membuat tutorial singkat membuat jam analog.

• Langkah pertama siapakan bentuk oval yang menyerupai lingkaran jam pada stage area, lalu berikan angka-angka didalam lingkaran tersebut.
  

  Membuat bentuk oval lingkaran dengan angka-angka didalamnnya

• Setelah itu buatlah 3 buah garis lurus yang membentang lurus, dan berikan identitas setiap masing-masing garis lurus tersebut dengan nama Jam, Menit, Detik. lalu sesuiakan ukuran penggunaan garis lurus tersebut sehingga membentuk serupa dengan jarum jam.

Membuat 3 buah garis lurus dengan identitas Jam, Menit, Detik dengan bentuk menyerupai jarum jam.

• Jika 3 garis lurus tadi telah dibuat, lakukan proses mengconvert symbol. 3 garis tersebut harus di convert menjadi object Movie Clip dengan nama yang berbeda setiap masing-masing object garis.
  

  3 buah Garis Lurus yang akan di convert menjadi sebuah object Movie Clip

• Pastikan pada saat anda melakukan proses converting kedalam Movie clip telah menggunakan posisi registration under middle.
  

  Memilih Registration dengan Posisi under Middle registration

• Setelah melaukan proses converting berikan nama instance name pada masing-masing garis lurus dengan nama jam_mc (untuk jarum jam), menit_mc   tumpuklah ke 3 garis lurus tersebut menjadi satu posisi dengan titik koordinat.

• Setelah itu masukan action script berikut kedalam jendela frame.

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

• Terakhir adalah jalankan Test Movie dengan menekan tombol Ctrl + Enter, maka anda dapat melihat hasilnya seperti dibawah ini.

Klik disini untuk mendownload file tersebut.

Membuat Jam Digital

Pada Pertemuan kali ini kami akan memperkenalkan tentang pembuatan jam digital berikut merupakan gambaran langkah-langkah pembuatan jam digital.

• Langkah Pertama pastikan anda membuka aplikasi AdobeFlash CS 3 dengan memilih Action script 2.0

Pastikan dalam Membuka adobe flash CS 3 anda menggunakan pilihan Flash file Action Script 2.0

• Setelah itu muncul pada lembar kerja stage area, lalu buatlah 3 jenis dinamic text pada lembar kerja anda.

Membuat 3 buah dinamic text kedalam stage area

• setelah itu sesuaikan pada panel properties, type Text yang digunakan pada bagian bawah dengan pilihan “Dinamic Text” dan isikan nilai variable pada kolom var dengan ketentuan sebagagai berikut
  dinamic text 1, diisikan dengan nilai = jam
  dinamic text 2, diisikan dengan nilai = menit
  dinamic text 3, diisikan dengan nilai = detik
  

  pilih type text dengan jenis Dinamic text lalu isikan kolom var dengan ketentuan diatas

• Setelah itu masukan Fungsi action script berikut kedalam fungsi frame.

  onEnterFrame = function () {
      waktu = new Date();
      jam = waktu.getHours();
      menit = waktu.getMinutes();
      detik = waktu.getSeconds();
      if (jam<10) {
          jam = "0"+jam;
      }
      if (menit<10) {
          menit = "0"+menit;
      }
      if (detik<10) {
          detik = "0"+detik;
      }
  };

Memasukan fungsi Action Script

• jika sudah maka anda dapat melakukan kompailer atau menjalankan dengan menekan tobol CTRL + ENTER. maka tampilan dapat anda lihat seperti berikut atau dapat anda download dengan mengklik disini.