BagiAn HidupKu

Minggu, 08 November 2009

Membuat Mouse Follower dengan Flash

Kali ini saya akan menjelaskan bagamana cara membuat mouse follower, seperti biasa saya menggunakan Macromedia Flash MX. Sebelum itu tahukah anda apa mouse follower itu? seperti namanya mouse follower artinya pengikut mouse atau sesuatu yang mengikuti mouse kita, bisa berupa gambar animasi ataupun tulisan. Misalnya pada contoh iklan dibawah ini:



Apakah anda tertarik untuk membuatnya, ikuti langkah-langkah berikut:

Pertama, buatlah suatu gambar pada movie clip baru, misalnya gambar bintang seperti pada gambar1. Berilah sedikit animasi seperti membesar atau mengecil. Usahakan gambar yang anda buat tadi ukurannya kecil kira2 sebanding dengan mouse kita, karena ini akan berada di belakang mouse, nanti kalau ukurannya besar bukan mouse follower namanya.

Kedua buatlah satu movie clip baru lagi, tapi jangan diisi (biarkan kosong). Kembali ke scene utama, tarik movie clip kosong tadi ke layar, hasilnya sebuah lingkaran kecil. Klik lingkaran kecil tersebut dan isi action scriptnya seperti dibawah ini:




















onClipEvent
(enterFrame) {
_root.attachMovie( "blob", "blob"+num, num );
setProperty("_root."+"blob"+num, _x, _root._xmouse);
setProperty("_root."+"blob"+num, _y, _root._ymouse);
c = new Color("_root."+"blob"+num);
c.setRGB( parseInt(random(1000000),16));
num = num+1;
removeMovieClip("_root."+"blob"+(num-20));
}
onClipEvent (load) {
num = 2;
}

Ketiga, klik kanan gambar bintang pada library dan pilih lingkage... centang Export for ActionScript dan isi kolom Identifier dengan nama blob lalu klik OK. Sebelum kita test movie kita harus mengubah publish setting untuk flash playernya menjadi Flash 5 karena script di atas dulu saya menulisnya di Macromedia Flash 5 dan saya pikir bisa dijalankan juga di Flash MX, namun saya tidak tahu kenapa kok saat saya coba tidak bisa, alias ada yang error. Setelah mengubah publish setting menjadi flash 5 coba anda kembali ke action script movie clip kosong tadi dan klik gambar centang (Check Syntax) kalau muncul tulisan "The script contains no errors" berarti anda sudah berhasil.

Sekarang anda sudah bisa melakukan test movie sebelumnya lebih baik di save dahulu. Kira-kira hasilnya seperti di bawah ini...



Kalau ada yang kurang jelas tulis di komentar aja ya... selamat mencoba...

Sabtu, 31 Oktober 2009

Membuat jam sederhana menggunakan flash

Kali ini saya akan memberi tutorial bagaimana membuat jam dinding mengguakan flash. Pertama-tama yang anda butuhkan adalah program untuk membuat flash itu sendiri, dalam hal ini saya menggunakan macromedia flash mx.
langkah pertama, buka macromedia flash mx di komputer anda, setelah terbuka pilih new flash document lalu akan muncul layar kosong berwarna putih, ya itulah kertas kerja anda.

Pertama, buatlah jarum untuk jam anda pada movieclip baru dengan klik tanda plus pada library, kalau librarynya belum muncul tekan CTRL+L dulu. Jarum tersebut harus menghadap ke atas dan tempatkan poros jarum pada tengah-tengah movieclip atau titik (0,0) yaitu pada tanda plus di tengah latar. Buatlah jarum seperti tadi 2 lagi namun yang berbeda-beda panjang dan warnanya, sehingga jumlahnya 3 buah karena jarum pada jam ada 3 yaitu jarum jam, menit, dan detik.

Kedua, sekarang waktunya untuk membuat background jam kita, background tersebut terdiri dari angka-angka penunjuk waktu, bingkai dan gambar.Untuk membuatnya sangatlah mudah, ini tergantung kreasi anda sendiri dan untuk bingkainya terserah anda mau bulat, kotak atau yang lain, namun sebaiknya bentuknya simetris. Buatlah background pada movieclip baru dan usahakan background tersebut titik tengahnya ada pada titik (0,0) seperti poros jarum tadi, hasilnya kira-kira seperti ini.

Kalau semua sudah dibuat sekarang tinggal merangkai dan memasang action scriptnya. Caranya kembali dulu ke scene anda (layar utama), lalu tariklah semua yang telah anda buat tadi dari library ke layar mulai dari background dulu terus jarum jam, jarum menit dan terakhir jarum detiknya. Berilah identifier atau nama pada setiap jarum jam yang ada di layar dengan cara klik jarumnya lalu isi nama pada bagian properties kolom instance name, misalnya "jjam" untuk jarum jam, "jmenit" untuk jarum menit, dan "jdetik" untuk jarum detiknya.
Waktunya merangkai, geser semua poros jarum ke tengah-tengah background, yaitu tanda plus ditengah background jam anda tadi, biasanya akan ada seperti magnet yang mengarahkan kita ketika kita geser mendekati tengah-tengah kalu tidak ada klik dulu gambar magnet pada toolbox dan juga sesuaikan ukurannya kalau kurang pas.

Langkah terakhir adalah memasang action script agar jarum dapat berputar sesuai waktu di komputer kita. Untuk itu klik frame 1 pada time line lalu pindah ke bagian action script dan isikan script dibawah ini.

sekarang = new Date();
setProperty("jjam", _rotation, (sekarang.getHours()*30)+(sekarang.getMinutes()*0.5));
setProperty("jmenit", _rotation, sekarang.getMinutes()*6);
setProperty("jdetik", _rotation, sekarang.getSeconds()*6);



Setelah itu klik lagi pada frame 1 dan tekan F5 untuk membuat frame baru, ini tujuannya agar script diatas di jalankan terus menerus sehingga jam kita dapat berputar. Setelah semua sudah dilakukan tinggal test movie anda dengan klik menu control dan test movie. Kalau anda berhasil kira-kira hasilnya kan seperti dibawah ini

selamat mencoba......

Senin, 12 Oktober 2009

Perkenalan

Makwuud blog ? maksudnya apa ya...
Bukannya saya sembarangan memberi judul pada blog ini, tetapi di balik kata tersebut saya punya maksud tersendiri, yaitu selain unik juga mudah diingat oleh pengunjung blog ini nantinya dan satu lagi yaitu agar pengunjung menjadikan maklum kalau isi dari blog ini nanti ada yang kurang bermutu atau berantakan namanya juga makwuud blog so isinya makwud-makwud biarin... sampai di sini dulu ya perkenalannya sampai jumpa...