Membuat Jam Digital Dengan Flash

Anda ingin membuat jam digital seperti di atas? Caranya cukup sederhana dan mudah. Anda tinggal mengikuti tutorial ini.

1. Buka aplikasi Flash





2. Lihat pada bagian “Create New” dan Klik “Flash Document”. Anda akan mendapat tampilan sebuah document baru dengan ukuran default.





3. Untuk mengubah ukuran document, Klik menu Modify>Document.





4. Setelah diKlik , akan muncul window baru untuk mengatur ukuran dari document.





5. Ubahlah ukurannya menjadi : width (lebar) = 160px dan height (tinggi) = 50px.
   Jika sudah mengubah nilainya, Klik OK dan anda akan mendapatkan tampilan document anda sekarang seperti ini.
   





6. Kembali ke area kerja. Sekarang, tambahkan sebuah layer pada document anda dengan cara mengklik icon “Insert Layer” (lihat gambar).





7. Sekarang anda mempunyai 2 buah Layer dengan nama “Layer 1” dan “Layer 2”.
   Klik frame1 pada Layer 2.
   





8. Klik “Text Tool” untuk menambahkan Text pada area kerja.





9. Klik dan drag mouse untuk membuat area batas Text pada area kerja, tapi jangan ketikkan text pada area tersebut, biarkan saja kosong.





10. Klik “Selection Tool” pada toolbox.





11. Setelah itu, klik area Text yang anda buat tadi menggunakan “Selection Tool” tersebut.





12. Setelah area tersebut terseleksi, atur letaknya dan juga properties “Text Type” menjadi “Dinamic Text” lalu ketikkan “jam_digital” pada properti “Instance Name”.





13. Klik frame1 pada Layer 2 dan tekan tombol f9 untuk memunculkan Panel “Action”. Bagi yang belum mengetahui apa itu Panel “Action” saya akan memberikan sedikit penjelasan. Panel “Action” adalah tempat untuk menulis perintah atau script (action script) pada Flash. Bagaimana? Sedikit bukan? Ya kira-kira seperti itulah gambarannya. Untuk lebih jelasnya, silahkan lihat gambar dibawah..





14. Sebelum mengetikkan script, ada baiknya anda mengetahui bahwa huruf kecil dan huruf besar dibedakan (Case Sensitive) pada Flash action script. Contoh : Date() tidak sama dengan date(). Dan gunakan titik koma (;) untuk mengakhiri setiap baris script. Ketikkan script berikut di Panel Action :
    
    var waktu = new Date(); //menetapkan variabel waktu sebagai objek baru untuk fungsi Date()
    
    detik = waktu.getSeconds(); //mendapatkan nilai detik dari Date()
    menit = waktu.getMinutes(); //mendapatkan nilai menit dari Date()
    jam = waktu.getHours(); //mendapatkan nilai jam dari Date()
    
    if(detik<10) //jika nilai detik dibawah 10 maka,
    {
    detik = “0”+detik; //tambahkan 0 di depan nilai detik dan simpan pada variabel detik
    }
    if(menit<10) //jika nilai menit dibawah 10 maka,
    {
    menit = “0”+menit; //tambahkan 0 di depan nilai menit dan simpan pada variabel menit
    }
    if(jam<10) //jika nilai jam dibawah 10 maka,
    {
    jam = “0”+jam; //tambahkan 0 di depan nilai jam dan simpan pada variabel jam
    }
    jam_digital.text = jam+”:”+menit+”:”+detik;
    
    


15. Setiap frame yang berisi script, akan terdapat simbol “a” pada frame tersebut.





16. Setelah selesai mengetikkan script tersebut, tambahkan sebuah keyframe pada frame2 di masing-masing layer dengan cara klik pada frame2 dan tekan f6.
    Klik frame2 pada Layer 2 dan munculkan Panel “Action” lalu ketikkan script berikut :
    
    gotoAndPlay(1);
    
    



17. Untuk melihat hasilnya, tekan Alt+Enter. Jangan lupa save pekerjaan anda.








Klik tanda panah untuk download tulisan lengkapnya..


Terima Kasih sudah mau membaca :).