JAM DIGITAL CS 5

Tutorial kali ini membahas tentang pembuatan Jam Digital dengan Adobe Flash cs 5 : Actionscript 2.0. Pada Jam digital ini akan menampilkan Jam : Menit : Detik, serta menampilkan tanggal yang sudah disesuaikan dalam PC anda. Tampilannya Jam digital ini cukup sederhana, dapat dilihat seperti pada gambar dibawah :

gambar 1. jam digital flash cs 5

Untuk tampilan Jam : Menit : Detik, dan tanggal menggunakan Text tool, yaitu tool yang digunakan untuk menampilkan teks pada lembar kerja. 


Langkah-langkah pembuatan Jam digital :

1. Buka program Adobe Flash cs 5 dan pilih actionscript 2.0.
2. Pada lembar kerja, untuk layer 1 buatlah sebuah kotak yang berbentuk seperti sebuah tablet. Seperti pada gambar dibawah ini :

gambar 2. tampilan tablet

3. Kemudian tambahkan layer baru diatas layer 1 dengan memilih New Layer. Pada layer 2 buatlah 4 buah text field dengan menggunakan Text tool.

4. Berikan nama variable untuk masing-masing text field. Pemberian nama variable bisa dilihat pada property.

gambar 3. property

gambar 4. variable untuk text field

5.  Selanjutnya ketikan actionscript berikut kedalam action frame. klik layer 2 frame 1, tekan F9 (untuk menampilkan action-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;
   }
   if (jam<12) {
     ampm = "AM";
  }
  if (jam>12) {
     ampm = "PM";
  }
     jamku = jam+" : "+menit+" : "+detik+"  "+ampm;
  };
  tanggal = new Date();
  hari = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"];
 bulan = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober",   "November", "Desember"];
kalender = hari[tanggal.getDay()]+", "+tanggal.getDate()+" "+bulan[tanggal.getMonth()]+" "+tanggal.getFullYear();

  gotoAndPlay(1);


6. Jalankan program dengan menekan ctrl+Enter.

Download jam digital pada lama download
Semoga bermanfaat..
JAM DIGITAL CS 5 JAM DIGITAL CS 5 Reviewed by Ardy S on January 31, 2013 Rating: 5

1 comment:

Powered by Blogger.