Adobe flash sudah menyediakan symbol dengan tipe tombol yang dapat digunakan sebagai navigasi. Akan tetapi, saya lebih sering menggunakan symbol dengan tipe movieclip sebagai navigasi karena menurut saya lebih mudah. Oleh karena itu, pada tutorial pertama ini saya akan membahas bagaimana membuat movieclip dan menggunakannya sebagai tombol dengan Bahasa pemograman actionscript 3.0.
Untuk mengetahui cara menggunakan MovieClip sebagai tombol dengan actionscript 3.0, ikuti langkah-langkah berikut ini:
1. Buatlah lembar kerja baru dengan Bahasa pemrograman actionscript 3.0. Simpan terlebih dahulu dengan nama “NavigasiMovieclip.fla”.
2. Buatlah layer dan frame dengan komposisi seperti pada gambar dibawah ini. Tiga buah layer (Content, Navigasi, dan Script), dimana layer Navigasi dan Script hanya terdapat 1 keyframe dan layer Content terdapat 2 keyframe.
3. Isi layer content dengan identitas halaman, frame 1 untuk halaman 1 dan frame 2 untuk halaman 2, tampilan seperti pada gambar dibawah ini.
4. Klik frame 1 pada layer 1. Buatlah sebuah persegi panjang dengan menggunakan rectangle tool, kemudian berikan teks diatasnya dengan tulisan “Page 1”. Kemudian klik kanan,
5. Dengan cara yang sama, buatlah movieclip “Page 2” dengan nama tombol 2.
6. Berikan instance name pada tombol 1 dengan nama “mc1”, dan tombol 2 dengan nama “mc2”.
7. Klik frame 1 layer script. Kemudian berikan script berikut ini:
import flash.display.MovieClip;
import flash.events.MouseEvent;
stop();
var btn_1:MovieClip = getChildByName("mc1") as MovieClip;
btn_1.buttonMode = true;
btn_1.addEventListener(MouseEvent.CLICK,goToPage1);
function goToPage1(e:MouseEvent):void
{
gotoAndStop(1);
}
var btn_2:MovieClip = getChildByName("mc2") as MovieClip;
btn_2.buttonMode = true;
btn_2.addEventListener(MouseEvent.CLICK,goToPage2);
function goToPage2(e:MouseEvent):void
{
gotoAndStop(2);
}
8. Selesai. Untuk melihat hasilnya, dapat dilakukan dengan cara test movie (Ctrl + Enter).
Demikian tutorial menggunakan movieclip sebagai tombol dengan actionscript 3.0. Tetap kunjungi blog ini untuk mendapatkan tutorial terbaru tentang animasi dan actionscript pada adobe flash. Jika kamu ingin tutorial tertentu mengenai animasi dan actionscript pada adobe flash, silahkan request pada halaman KONTAK KAMI.
Terima kasih dan salam berbagi.
EmoticonEmoticon