Animasi Jam Digital dengan Flash

kasiman on May 30, 2012 Leave a Comment

Siapa yang tidak kenal Jam Digital? Wuelahmari kita buat animasi Jam Digital di Flash yang terdiri dari penunjuk Jam : Menit : Detik sekalian muncul Hari, dan Tanggalnya. Langkah-langkahnya : 1. Aktifkan Adobe Flash, kumudian pilih Flash File (Action Script 2.0)

2. Buatkan layer sebanyak 2 buah, beri nama tampilan dan program

3. Klik pada Frame 1, layer tampilan, pilih Text

Tool(T), pada bagian Properties pilih Dynamic Text,

dan Font, Size, Color sesuai selera Anda. Kemudian klik pada stage dimana jam:menit:detik akan ditampilkan. Seleksi text box tersebut, padaProperties -Instance name beri nama tampilkanjam. Klik diluar text box untuk menghilangkan tanda seleksi.

4. Klik pada Frame 1, layer tampilan, pilih Text Tool(T), pada bagian Properties pilih Dynamic Text, dan Font, Size, Color sesuai selera Anda. Kemudian klik pada stage dimana hari, tanggal akan ditampilkan. Seleksi text box tersebut, padaProperties -Instance name beri nama tampilkanhari.

5. Klik pada Frame 1, layer program, tekan tombol F9 untuk masuk ke editor Action Script, kemudian ketikkan script berikut :

1 2 3

waktu = new Date(); jamnya = waktu.getHours(); menitnya = waktu.getMinutes();

4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

detiknya = waktu.getSeconds(); if (jamnya<10) { jamnya = "0"+jamnya; } if (menitnya<10) { menitnya = "0"+menitnya; } if (detiknya<10) { detiknya = "0"+detiknya; } tgl = waktu.getDate(); bln = waktu.getMonth(); bln = bln+1; thn = waktu.getFullYear(); //untuk hari hari = waktu.getDay(); if (hari == 0) { nhari = "Minggu"; } else if (hari == 1) { nhari = "Senin"; } else if (hari == 2) { nhari = "Selasa"; } else if (hari == 3) { nhari = "Rabu"; } else if (hari == 4) { nhari = "Kamis"; } else if (hari == 5) { nhari = "Jumat"; } else { nhari = "Sabtu"; }

tampilkanjam.text = jamnya+":"+menitnya+":"+detiknya; tampilkanhari.text = "Hari ini : "+nhari+","+tgl+"-"+bln+""+thn;

6. Seleksi Frame 2 untuk kedua layer tampilan dan program, tekan F5 (insert frame)

7. Tekan Ctrl+Enter untuk melihat hasilnya.

Membuat Animasi Jam Analog dan Digital dengan Flash

kasiman on June 9, 2012 Leave a Comment

Pada tulisan sebelumnya, telah dibuat animasi jam Analog juga animasi jam Digital, berikut ini akan dibuat adalah animasi jam Analog dan Digital digabung. Berikut langkahnya. Langkah 1 : Aktifkan Adobe Flash, kumudian pilih Flash File (Action Script 2.0) Langkah 2: Buatkan layer sebanyak 6 buah beri nama

(terserah apa sajalah) untuk animasi jam Analognya dan dan jam Digitalnya,

Langkah 3: Desain interface pada layer yang bersesuaian.

Langakah 4 : Masukkan script pada layer action sebagai berikut : </pre> 1 waktu = new Date(); 2 jam = waktu.getHours(); 3 mnt = waktu.getMinutes(); 4 dtk = waktu.getSeconds(); 5 j = waktu.getHours(); m = waktu.getMinutes(); 6 d = waktu.getSeconds(); 7 tgl=waktu.getDate(); 8 bln=waktu.getMonth()+1; 9 thn=waktu.getFullYear(); 10 jam = jam+(mnt/60);

11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

dtk = dtk*6; mnt = mnt*6; jam = jam*30; detik._rotation = dtk; menit._rotation = mnt; jamm._rotation = jam; if (j<10) { j = "0"+j; } if (m<10) { m = "0"+m; } if (d<10) { d = "0"+d; } if (j<12) { k = " AM"; } else { k = " PM"; } var namahari=new Array("minggu","Senin","Selasa","Rabu", "Kamis","Jumat","Sabtu"); hari=namahari[waktu.getDay()];

33 34 35 36 37 38 39 40 41 42

tampil1.text = j+":"+m+":"+d+k; tampil2.text=hari+","+tgl+"."+bln+"."+thn; <pre>

Langkah 5: Untuk semua layer sisipkan sebuah frame pada frame 2

Langkah 6: Melihat hasil, tekan Ctrl+Enter. Selesai Hasilnya sebagai berikut :

Membuat Animasi Jam Analog dengan Flash CS4

kasiman on May 28, 2012 Leave a Comment

Membuat Animasi Jam Analog dapat dilakukan dengan Adobe Flash. Tahapan yang dilakukan seperti langkah-langkah berikut : Langkah 1: Aktifkan Flash/Adobe Flash Langkah 2: Pilih Flash File (Action Script 2.0)

Langkah 3: Buat 5 buah layer dan beri nama latarbelakang, detik, menit, jam, dan program seperti pada gambar berikut :

Langkah 4: Pada Layer latarbelakang Frame 1 gambarlah latar untuk jam analog yang akan dibuat, misal seperti berikut :

Langkah 5 : Setelah latar belakang jam analog selesai, kita lanjutkan dengan membuat jarum detik, mengkonversinya ke movie clip dengan nama detikmc, pada Registration pilih bawah tengah dan instance name pada Properties diberi namadetik (nama ini akan dikases dari Action Script, ingat ini bersifat Case Sensitive).

Geser posisi jarum detik tersebut sehingga menepati posisi menunjuk angka 12 pada latarbelakang jam.

Langkah 6: Ulangi seperti langkah 5 pada Layer menit Frame 1, panjang jarum menit dibuat lebih pendek dan lebih tebal, konversi menjadi movie clip dengan nama menitmc, Registration pilih bawah

tengah, dan instance name pada Properties diberi nama menit, kemudian geser posisi jarum menit
tersebut sehingga menepati posisi menunjuk angka 12 pada latarbelakang jam. Langkah 7: Ulangi seperti langkah 5 pada Layer jam Frame 1, panjang jarum jam dibuat lebih pendek dan lebih tebal, konversi menjadi movie clip dengan nama jammc, Registration pilih bawah

tengah, dan instance name pada Properties diberi nama jam, kemudian geser posisi jarum jam
tersebut sehingga menepati posisi menunjuk angka 12 pada latarbelakang jam.

Langkah 8 : Menyisipkan Action Script untuk pada Layer program Frame 1 sebagai berikut :

1 2 3 4 5 6 7 8

waktu=new Date(); // objek waktu detikku = waktu.getSeconds() menitku = waktu.getMinutes() jamku = waktu.getHours() jamku = jamku + (menitku/60);

9 10 11 12 13 14 15 16 17 18 19 20 21

detikku = detikku*6; // hitungan detik menitku = menitku*6; // hitungan menit jamku = jamku*30; // hitungan jam detik._rotation=detikku; // rotasi detik menit._rotation=menitku; // rotasi menit jam._rotation=jamku; // rotasi jam

Langkah 9: Menyisipkan frame pada semua layer pada Frame 2

Selesai Menguji Animasi tersebut tekan Ctrl

+ Enter

Membuat Garis dengan Action Script 2.0

kasiman on December 4, 2012 Leave a Comment

1. Aktifkan Flash, buat dokumen Flash baru dan pilih Flash File (ActionScript 2.0) 2. Tekan tombol F9, untuk masuk ke editor Action pada Flash. 3. Ketikkan Script berikut :

1 2

this.createEmptyMovieClip("garis_mc", 1);

3 4 5 6 7 8 9 10 11 12 13 14 15

with(garis_mc){ lineStyle(5, 0x0000FF, 50, true, "normal", "square", "miter", 1); moveTo(0, 0); lineTo(275, 0); _x=100; _y=150; }

4. Untuk melihat hasil, tekan Ctrl + Enter Penjelasan parameter : lineStyle(ketebalan garis, warna dalam hexa, transparan atau alpha, akhir garis, sudut akhir garis, sendi garis, memotong sudut sendi garis) Apabila ketebalan garis di set bernilai 1, maka parameter mulai dari akhir garis tidak perlu diatur, karena tidak memiliki pengaruh.

Action Script pada Flash

kasiman on July 2, 2012 Leave a Comment

Action Script pada Flash menambah interaksi/navigasi pada dokumen Flash. Action Script merupakan bahasa script yang digunakan pada Flash. Tata cara penulisan Action Script Flash dapat dituliskan pada 3 (tiga) tempat yaitu frame, button, danmovie clip. Berikut adalah contoh penerapannya pada button. 1. Aktifkan Flash, buat dokumen Flash baru dan pilih Flash File (ActionScript 2.0) 2. Layer 1 diganti namanya menjadi kalkulator 3. Pada Frame 1, disainlah tampilan/interface seperti berikut :

4. Memasukkan Action Script pada tombol tambah. Klik pada tombol tambahsehingga dalam keadaan terpilih, kemudian tekan tombol F9, ketikkan script berikut :

1 2 3 4 1 2 3 4

on(release) { total=Number(satu)+Number(dua); }

5. Lakukan seperti langkah 4 untuk tombol kurang, ketikkan script berikut : on(release) { total=Number(satu)-Number(dua); }

6. Lakukan seperti langkah 4 untuk tombol Clear, ketikkan script berikut :

1 2 3 4 5 6

on(release) { satu=""; dua=""; total=""; }

7. Jalankan dokumen flash di atas dengan menekan tombol Ctrl+Enter untuk melihat hasil.

Isikan angka pada kotak isian Bilangan melihat hasil.

I dan Bilangan II, kemudian klik tomboltambah untuk

Demikian sebuah contoh untuk memasukkan Action Script ke dalam button.