Membuat Button(tombol)

Button adalah salah satu type dari symbol. Button digunakan untuk membuat tombol di flash. Dengan dijadikannya suatu objek menjadi button maka selain objek tersebut menjadi tombol, objek tersebut juga dapat menggunakan beberapa fasilitas dari flash seperti animasi tween, masking, guide dan juga kita dapat memberikan actionscript pada objek tersebut. Di bawah ini kita akan mempelajari cara dasar membuat tombol. Melalui cara dasar ini anda dapat berkreasi untuk membuat tombol yang bagus dan keren.

1. Buatlah sebuah flash document.

2. Buatlah sebuah lingkaran seperti gambar dibawah ini:

Lingkaran berwarna merah

3. Seleksi lingkaran tersebut kemudian tekan F8 pada keyboard atau bisa juga melalui Modify>Convert to Symbol…
4. Pada kotak dialog yang muncul pilih Button sebagai Typenya seperti gambar dibawah ini :

Button sebagai Type

5. Ubah Name pada kotak dialog tersebut jika diperlukan, kalau sudah selesai tekan OK maka lingkaran yang anda buat tadi sudah berubah menjadi sebuah Symbol bertype Button.

6. Klik dua kali Button tadi maka anda akan masuk ke stage button.
7. Anda akan melihat jendela Timeline seperti gambar dibawah ini :

Gambar Timeline

Up      : tampilan utama button
Over   : tampilan button ketika kursor mouse berada diatas button
Down  : tampilan button ketika kursor mouse menekan button
Hit      : luas daerah aktif button
8. Pilih bagian Over, kemudian tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih muda
9. Pilih bagian Down, kemudian tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih tua
10. Jika anda ingin daerah aktif button menjadi lebih luas, pilih bagian Hit kemudian tekan F6 pada keyboard. Buatlah lingkaran yang ada menjadi lebih besar.
11. Kalau sudah selesai, klik tombol scene pada timeline atau bisa juga tekan CTRL+E pada keyboard.
12. Terakhir test movie dengan menekan CTRL+ENTER.

Sourcenya dapat didownload disini




sumber : Warung Flash.com

Menggerakkan Objek

Kita bisa menggerakan objek dengan mouse ataupun dengan keyboard. Di tutorial ini kita akan menggunakan keyboard sebagai pengontrolnya. Tombol yang digunakan pun yang sudah umum digunakan yaitu tombol panah atas, kanan, kiri, bawah.

1. Buatlah objek yang akan digerakan, sebagai contoh saya menggunakan sebuah lingkaran.

2. Seleksi lingkaran tadi lalu tekan F8. Pada kotak dialog yang muncul pilih Movie Clip sebagai type lalu tekan OK

3. Seleksi movie clip yang baru dibuat tadi lalu tekan F9. Pada kotak actions yang muncul tuliskan script di bawah ini :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

onClipEvent (load) { kecepatan = 10; } onClipEvent (enterFrame) { //ketika tombol panah kiri pada keyboard ditekan if (Key.isDown(Key.LEFT)) { //posisi x movie clip ini akan dikurangai kecepatan / movie clip ini bergerak ke kiri _x -= kecepatan; } //ketika tombol panah kanan pada keyboard ditekan if (Key.isDown(Key.RIGHT)) { //posisi x movie clip ini akan ditambah kecepatan / movie clip ini bergerak ke kanan _x += kecepatan; } //ketika tombol panah atas pada keyboard ditekan if (Key.isDown(Key.UP)) { //posisi y movie clip ini akan dikurangai kecepatan / movie clip ini bergerak ke atas _y -= kecepatan; } //ketika tombol panah bawah pada keyboard ditekan if (Key.isDown(Key.DOWN)) { //posisi y movie clip ini akan ditambah kecepatan / movie clip ini bergerak ke bawah _y += kecepatan; } }

4. Tekan CTRL+ENTER untuk melihat hasilnya

Hasil menggerakan objek

Sourcenya dapat didownload disini