Rabu, 28 September 2016

Membuat Jam Digital

1.Buatlah desing jam yang Anda inginkan,pada aplikasi Macromedia Anda bisa menggunkan Rectangle Tool,tapi pada tutorial kali ini Saya menggunakan design jam yang sudah design pada Aplikasi Photoshop,lalu Saya tinggal memasukkannya pada aplikasi Macromedia.

Design jam yang dibuat pada aplikasi Photoshop

Design yang sudah dimasukkan pada aplikasi Macromedia
2.Masukkan angka jam digital menggunakan Text Tool,dan atur posisi jam sesuai jam digital pada umumnya,yaitu Jam,Menit,dan Detik. Gunakan Text Tool pada masing-masing angka jam.

Membuat angka jam menggunakan Text Tool

Posisi angka jam yang sudah teratur

3.Pastikan perintah pada Type Text diubah menjadi Dynamic Text,lakukan hal yang sama pada semua angka jam. Lalu ganti nama variabel pada kolom Instance Name dan kolom Var sesuai dengan angka  (‘detik’ untuk angka detik, ‘menit’ untuk angka menit,dan ‘jam’ untuk angka jam. *Tanpa pakai tanda ‘’). Lakukan hal yang sama pada angka yang lain.

Perintah Dynamic Text

Mengganti nama variable pada setiap angka jam

3.Langkah selanjutnya adalah mengetik syntax,sebelum mengetik syntax,pastikan kursor kalian aktiv pada Layer Utama yang terdapat jarum jam dan angka jam. Lalu tekan F9 pada keyboard,akan muncul boks pengetikan syntax.

Kursor yang aktik pada layer utama dan boks pengisian syntax


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


Dan Hasilnya






Tidak ada komentar:

Posting Komentar