Jul
25
2007
Membuat Jam Digital ( Digital clock ) PDF Print E-mail

hariesdesign.com Kali ini akan saya jelaskan bagaimana membuat animasi flash berupa jam digital, untuk waktu yang digunakan adalah berdasarkan setting jam yang ada pada komputer anda,sebagai berikut :

 

Langkah 1 

Buat dokumen baru dan masukkan atau buat 3 layer, dengan masing-masing nama : background,text,dan actions ,seperti terlihat pada gambar berikut :

 Image

 

Langkah 2

Pilih Frame1 dari layer background kemudian pindah pilih frame 2 masih dalam layer yang sama dan tekan F5

 

Langkah 3

Kemudian pada frame1 dari layer text masukkan atau buat Dynamic text,setelah itu pilih Frame2 dan tekan F5 

Image 

Untuk memasukkan  nama ke Dynamic text, klik pada dynamic text pada daerah kerja,kemudian pilih property inspector . Klik pada area kerja dan letakkan sesuai keinginan, area Dynamic text tersebut akan memunculkan jam digital. Untuk nama dari Dynamic text field instance adalah  "clock_txt"

Image 

 

Langkah 4

Kemudian klik pada frame1 dari layer action. Copy dan Paste script berikut pada action panel

 

time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
clock_txt.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;


Langkah 5

Kemudian ke frame2 pada layer action dan tekan F6 untuk membuat keyframe baru. Masih tetap pada frame2,buka action panel dan masukkan script berikut ini

 

gotoAndPlay(1);

Untuk test tekan Ctrl+Enter 

Selesai 

Jika ada pertanyaan untuk Tutorial ini  klik Forum Haries Design 

 
< Prev   Next >

Gallery Photography

Login

Sponsors


Get Chitika Premium