niagahoster

Hosting Unlimited Indonesia

paidverts

PaidVerts

Selasa, 14 April 2015

button stop next frame flash

sekarang kita akan mempelajari jika button diklik maka akan pindah ke frame lain. pertama-tama kita buka dulu program flash anda. setelah itu buat button, disini membuat button ada 2 cara yaitu button dari flashnya dan button yang kita import sendiri.



 <----- ini adalah button yang diseiakan oleh adobe flashnya, sedangkan jika kita ingin membuat button sendiri maka kita import gambar lalu tekan F8 seperti tutorial sebelumnya. import gambar dapat dilakukan dengan pilih menu file - import - lalu pilih import to stage atau dapat tekan tombol ctrl + R. maka hasilnya akan seperti ini.


lalu anda dapat memilih gambar sesuai keinginan anda. dan pilih dan klik open. lalu klik gambar satu kali dan convert to sybol atau tekan F8. pilih button, name terserah anda lalu tekan ok 


maka gambar yang tadi anda masukkan akan menjadi button, setelah itu tampilan ada akan menjadi seperti ini: 


di bagian properties terdapat instance name dan itu diisi sesuai keinginan anda dan tidak boleh ada spasi karena dalam penulisan coding action script itu CASE SENCITIVE. disini saya isi dengan "btnlanjut".
setelah itu pada frame 2 tekan F7/insert blank key frame lalu isi dengan apa yang anda ingin isi.


nah jika sudah sampai sini tinggal buat layer baru untuk penulisan script, kenpa saya buat layer baru?? supaya rapi dan satu lagi saran saya usahakan frame dan layer yang anda buat itu se-rapi mungkin, karena jika berantakan maka kalian akan sangat sulit menemukan error jika terjadi error. nah ini adalah tampilannya.


nah kalo sudah sama seperti ini pada frame 2 layer as klik satu kali dan tekan f6. maka hasilnya akan seperti ini.


nah sekarang kita akan memasukkan action scriptnya atau codingnya. pada frame 1 layer as diklik satu kali dan tekan F9 untuk memasukkan codingnya tampilannya akan seperti ini :

ini adalah codingnya : 

"import flash.events.MouseEvent;

stop(); //ini agar jika program di jalankan animasinya tidak berjalan terus menerus

// ini adalah script button jika di klik akan pindah ke frame 2

btnpindah.addEventListener(MouseEvent.CLICK, pindah); 

// kata "pindah ini adalah variabel baru untuk di panggil"

function pindah (event:MouseEvent):void{ //ini adalah variabel yang di panggil
gotoAndStop(2); //ini adalah jika button di klik maka akan pindah dan berhenti
//di frame 2
}"

usahakan jangan pernah mengcopy paste. agar agan-agan sekalian ngerti. di bawah ini adalah hasilnya


jika sudah, close penulisan koding ini lalu pada frame 2 layer as klik 1 kali dan tekan F9.
tulis codingnya seperti ini :

"stop();"


nah sekarang sudah siap coba tekan ctrl + enter dan rasakan hasilnya...

satu hal lagi pada button masa ngak ada efek button jika mouse kita dekatin nah ini caranya.
double klik pada button dan tampilannya akan seperti ini:


nah pada frame over klik F6 lalu tekan "Q" dan perbesar sedikit saja seperti gambar di bawah :


setelah itu pada frame pertama/ up klik kanan lalu pilih copy frame 


dan paste-kan di frame down


maka hasilnya akan seperti ini :


nah selesai sudah dalam pmbuatan button agar lebih menarik. jika ingin kembali ke scene awal tinggal klik ini saja.


setelah itu test movie atau tekan ctrl + enter maka selesai sudah.


download file : untitled-fla

Tidak ada komentar:

Posting Komentar