Membuat jam digital beserta tanggal dengan menggunakan flash tidak terlalu sulit sebenarnya. Bagi yang baru mencoba belajar menggunakan flash (saya juga termasuk orang yang baru belajar flash lo..), ini merupakan suatu proyek awal dalam belajar flash. Saya mendapat cara ini juga dari menjelajahi internet ce, pi alangkah lebih baik kan klo setelah dipelajari kemudian berbagi dengan orang lain supaya bisa bermanfaat buat semuanya dan buat saya juga...
Semoga bermanfaat ya... ne dia caranya friend :
1. Buatlah sebuah dokumen flash baru, klik Kanan pada lembar kerja dan pilih Dokument Properties, maka akan tampil jendela Properties, ubah warna background dengan hitam dan ukuran background menjadi 300 X 100 :
2. Klik Teks Tool dan atur properties
Jenis dan ukuran font sesuikan saja dengan keinginan
3. Buatlah beberapa kotak teks dengan menggunakan Teks Tool tadi untuk jam, menit, detik, penunjuk AM PM, tanggal dan pembatas waktu.
Ketikkan langsung tanda titik dua “:” yang digunakan sebagai pembatas waktu dan ganti ukuran huruf untuk mengurangi tinggi kotak teks
4. Setelah selesai, atur kembali properties pada kotak untuk jam, menit, detik, AM PM dan tanggal. “ketikkan pada Instance Name : jam_t untuk kotak jam, menit_t untuk kotak menit, detik_t untuk kotak detik dan ampm_t untuk kotak AM PM dan untuk kotak tanggal, ketikkan tanggal pada kotak var” :
“Nama pada Instance Name bisa sesuai dengan keinginan, tetapi harus disesuaikan dengan action yang akan dibuat”
5. Ganti nama layer menjadi Background, Dan buat 3 buah layer baru dan ganti masing-masing nama layer menjadi Action Jam, Action Tanggal, Action All :
“Nama Layer bisa dibuat sesuai dengan keinginan”
6. Klik Frame 1 pada Layer Action Jam, Klik Kanan Frame 1, pilih Action dan Ketikkan atau Copy Script action berikut :
Listingnya :
time = new Date();
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;
}
jam_t.text = hours;
menit_t.text = minutes;
detik_t.text = seconds;
ampm_t.text = ampm;
7. Klik kanan pada Frame 1 Layer Action Tanggal, Klik Action dan ketikkan listing berikut :
tanggal = new Date();
weekday = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu");
month = new Array("Januari", "Februari", "Maret", "April", "Mey", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
tanggal = (weekday[tanggal.getDay()]+" "+tanggal.getDate()+" "+month[tanggal.getMonth()]+" "+tanggal.getFullYear());
8. Pada frame 2 Layer Action All, Klik Kanan dan pilih Insert Keyframe.
Klik kanan lagi dan pilih Action, ketikkan lisiting berikut :
Lisitingnya :
gotoAndPlay(1);
9. Klik kanan pada frame 2 layer Action Tanggal, pilih Insert Frame.
Lakukan juga pada frame 2 layer Action Jam dan Background.
10. Tekan Ctrl + Enter untuk menjalankan hasilnya
== Semoga Bermanfaat ==
Untuk Tutorial dan file Latihannya yang lebih lengkap, silahkan Download Membuat Jam dan Tanggal Digital dengan Macromedia Flash 8
2 Comments
makasih gan tutorialnya...
ReplyDeletekunjung balik ya
http://muhammadsyahrawi.blogspot.com
Ok gan, thks juga y..
Delete