Membuat Banner Countdown

Seru-seruan membuat peringatan Penghitung mundur waktu untuk ulang tahun, ceremony dan lainnya bikinan sendiri. Bisa dipajang di situs web, blog sendiri atau orang lain lho..,
tentunya pada ruang-ruang kosong yang tersisa untuk meletakkannya. Logikanya sih untuk menghitung mundur menuju ke sebuah tanggal, anda cukup memproses pengurangan antara tanggal tujuan dan tanggal hari ini. Dengan memanfaatkan object date dalam action script, hasilnya anda dapat membuat nilai dalam satuan milidetik. Anda dapat mencoba dan terus membaca artikel ini untuk membuatnya
.

Langkah 1 : Membuat Dokumen Baru
Buatlah dokumen untuk mendapat stage baru dengan ukuran 180x150 pixel (dapat anda modifikasi setelahnya bila diperlukan). Selanjutnya buat tiga layer dengan nama yang berbeda, yaitu "action", "text", dan "bg". Anda dapat menggantinya bila mau, karena nama layer ini hanya merupakan simbolisasi dari layer action(tempat meletakkan action script), text(tempat meletakkan teks), bg(adalah background gambar dari banner).



Langkah 2 : Mendesain Background
Arahkan cursor dan seleksi layer "bg" dan pada framenya, gambarlah suatu desain sesuai tema atau kesan yang ingin anda buat pada animasi penghitung ini. Anda bisa meng'import' image jika mau atau mengkombinasikannya juga dengan object vector pada flash seperti movie clip, button, dan grapic. Bila anda menggunakan movie clip memungkinkan anda membuat latar belakang yang animatif.



Langkah 3 : Text Field
Tambahkan/Letakkan tiga object Text field pada text sesuai dengan tema, beri juga nama object dengan "hari_txt", "jam_txt", "menit_txt", sesuaikan pula urutannya agar terlihat rapi. Penggunaan akhiran 'txt' berfungsi untuk mengaktifkan feature code hint yang mempercepat kerja pemprogaman action script.



Langkah 4 : Embed Font
Agar desain banner tidak berubah saat digunakan di website. Sebaiknya menggunakan bed font yang anda gunakan pada teks field. Klik tombol 'Embed' pada panel property. Pilih karakter seperlunya saja demi memperkecil ukuran hasil akhir banner. Dan jangan lupa menggunakan 'Use Device fonts'.



Langkah 5 : File Teks Yang digunakan Sebagai Penampung data
Buat file teks menggunakan notepad saja pada folder yang sama dengan dokumen flash anda. Isi dengan data berformat url sesuai hari yang dimaksud. setelah itu simpan dengan nama "tanggal.txt".



Langkah 6 : Action Script (1)
Pilih atau seleksi frame pertama pada layer 'action', dan tekan F9 untuk mengeluarkan window panel actionscript. Script pertama ini adalah untuk membuat inisial variabel. Penggunaan tipe data setelah nama variabel (:Number) dimungkinkan semenjak flash MX 2004. Jadi, bila anda menggunakan software flash versi yang lama anda dapat membuang tipe date tersebut.

Ketik kode berikut pada panel Actions Script :

var tgl_num:Number
var bln_num:Number

var a_date:Date;
var b_date:Date;

Langkah 7 : Membuat Object LoadVars
Untuk selanjutnya tambahkan script untuk membuat object LoadVars

var data_lv:LoadVars = new LoadVars();
data_lv.load("tanggal.txt");

Object LoadVars adalah objek memungkinkan kreasi Flash berhubungan dengan data dari file text.

Langkah 8 : Ambil data dengan LoadVars
Setelah dibuat, object LoadVars dapat meload data. Percabangan if/else di dalam script sifatnya wajib. Karena untuk memastikan object LoadVars berhasil mengambil data. Hal yang dapat menggagalkan proses misalnya file tidak ada atau format data dalam file salah.

data_lv.onLoad = function(success){
if(success){
tgl_num = int(this.tgl);
bln_num = int(this.bln);

//Object Date
a_date = new Date ();
b_date = new Date (a_date.getFullYear(),bln_num,tgl_num);

if(b_date - a_date < b_date =" new">tmp_num.

_root.onEnterFrame = function(){
//hitung mundur
var tmp_num:Number = (b_date-a_date)/1000;
var sisahari_num:Number = Math.round(tmp_num/(24*60*60));
tmp_num = tmp_num - (sisahari_num*24*60*60);
var sisajam_num:Number = Math.floor(tmp_num/(60*60));
tmp_num = tmp_num - (sisajam_num*60*60);
var sisamenit_num:Number = Math.floor(tmp_num/60);

hari_txt.text = sisahari_num + "Hari";
jam_txt.text = sisajam_num + "Jam";
menit_txt.text = sisamenit_num + "Menit";
}

Langkah 10 : Compile dan Gunakan



Selesai sudah anda membuat countdown ceremony ini dan siap digunakan, Lakukan Compiling test movie (Ctrl+Enter). Saat digunakan di situs anda ataupun situs flash, pastikan file berupa file teks juga diupload satu folder dengan flash utama hasil kompiling.