Minggu, 26 Oktober 2008

Membuat button menghindar saat mau diklik

Anda mungkin sudah pernah dengar, ada button yang pas mau diklik dia lari. nah tips kali ini saya akan mencoba membuat button seperti itu. Hanya saja saya membuatnya menggunakan Macromedia Flash 8. Berikut langkah-langkahnya.
1. Jalankan Macromedia Flash 8 yang telah terinstall lebih dulu tentunya.
2. Klik File - New - General - Flash Document - klik OK. Ganti ukurannya 640 x 480 buka panel Properties di bawah stage untuk merubah ukuran.
3. Membuat Button di tengah Stage ( Lembar Kerja ).
untuk membuat button gunakan Rectangle tools lalu drag menjadi sebuah persegi panjang ke Stage. Setelah itu pilih persegi panjang yang telah kita buat dan tekan F8 pada keyboard maka akan tampil seperti gambar 2, ubah namanya menjadi button lalu OK.
4.Edit Button, Double Klik button di tengah stage, lalu buat frame.
Caranya klik kanan pada frame 5 ( misal saya membuatnya sampai frame 5 ) lalu klik Insert Frame, lihat seperti gambar di bawah ini :
5. Buat 2 layer baru dengan mengklik insert layer, seperti gambar berikut :
6. Pilih kedua layer tersebut dengan cara mengklik layer 2 frame 1 sambil menekan shift pada keyboard klik layer 3 frame 5, lalu klik kanan pada frame 5 dan pilih Convert to Keyframes, setelah selesai, klik layer layer 3 frame 1 buka action script panelnya dengan mengklik F9 :
ketikkan pada action scriptnya seperti dibawah ini :
stop ();
copy script stopnya ke layer 3 frame 2,3,4 lalu pada frame 5 ketikkan script berikut :
gotoAndStop(2);
7. Klik layer 2 frame 1, buat sebuah text dengan Text Tools. letakkan posisinya diatas button contohnya saya ketik teks : "Ayo Klik Disini". ulangi pembuatan teks tersebut dengan kata-kata yang berbeda pada frame 2,3,4 frame 5 kosongkan saja. lalu tutup jendela buttonnya dengan mengklik Scene 1 disebelah kiri atas frame.
8. Sekarang kita buat script di buttonnya. klik button lalu buka action script panel ketikkan script berikut :
on (rollOver) {
 this._x = random(544);
 this._y = random(450);
 nextFrame();
}

9. Keterangan :
on (rollOver) {                           - dibaca pada saat mouse mengarah ke button 
 this._x = random(544);        
- this ( ini, maksunya button ) posisi x diacak (random) komputer dari koordinat 0 hingga 544  
 this._y = random(450);         
- this ( ini, maksunya button ) posisi y diacak (random) komputer dari koordinat 0 hingga 450 
 nextFrame();                            
- Frame selanjutnya
}
10. Tekan ctrl+Enter untuk melihat hasilnya.
11. selamat mencoba, semoga bermanfaat.

Tidak ada komentar: