Tutorial Membuat Piano dengan Action Script 2.0

Pada kesempatan kali nini saya akan berbagi tutorial cara membuat piano dengan action script 2.0 di flash bisa Flash CS 3,CS4,CS5 dan sebagainya yang penting sudah Suport dengan Action Script 2.0 bukan 3.0
oke langsung saja lihat tutorial di bawah ini ;

Langkah-langkahnya :

Buatlah Bentuk dari Piano dari Rectangle tool dan buat bentuk Persegi panjang dengan Nama 1,3,5 dan 7 di layer 1 dan 2,4 dan 6 di layer 2 Contohnya lihat di gambar

Kemudian ubah Gambar 1 menjadi Movie Clip dengan cara klik kanan pada Persegi Panjang 1 dan pilih convert to Symbol dan pilih typenya MovieClip. lakukan hal yang sama pada gambar yang lain dari angka 1 sampai 7 ubahlah menjadi Movie Clip

Kemudian beri nama pada instance name di propertis pada setiap MovieClip yang telah di buat tadi dengan Instance name Berikut :

MovieClip 1 : Do

MovieClip 2 : Re

MovieClip 3 : Mi

MovieClip 4 : Fa

MovieClip 5 : So

MovieClip 6 : La

MovieClip 7 : Si

Untuk penulisan instanse name harus sama seperti diatas dengan huruf pertama besar karena dapat mempengaruhi AcionScript jika instanse namenya berbeda

Kemudian Double Click pada Movie Clip Do dan buat layer baru dan pada Frame 1 layer 2 klik kanan pilih Action dan Masukan Script "stop();" tanpa tanda Petik.

Masih di Movie Clip Do,Setelah memberi Action Script Stop kemudian pada Layer 1 buat frame baru dengan cara Klik F6 dan ganti warna dari Bentuk menjadi Pink.

Lakukan hal yang sama pada Movie Clip Yang lain

Kemudian Masukan Sound yang akan di guakan dengan cara Klik File - Import - Pilih Impot to Stage dan cari file Sound yang akan di gunakan Klik open.

 

Kemudian Double Clik lagi pada Movie Clip 1 dan buat layer baru dan Buatlah KeyFrame pada Frame dua

Dan pada Properties pada menu Sound Pilih Sond Do.wav.

Lakukanlah hal yang sama pada MovieClip yang lain

Kemudian kembali Ke Scene dan buat laye baru dengan nama Script dan Setelah itu klik kanan PAda frame 1 layer Script pilih Action

dan pada Action Masukan Script Di bawah ini

Untuk Sciptnya bisa lihat di bawah ini :

function onEnterFrame(){

if(Key.isDown(49) && !playedDo){

playedDo = true;

Do.gotoAndStop(2);

}if(!Key.isDown(49) && playedDo){

playedDo = false;

Do.gotoAndStop(1);

//Re

}

if(Key.isDown(50) && !playedRe){

playedRe = true;

Re.gotoAndStop(2);

}if(!Key.isDown(50) && playedRe){

playedRe = false;

Re.gotoAndStop(1);

//Mi

}

if(Key.isDown(51) && !playedMi){

playedMi = true;

Mi.gotoAndStop(2);

}if(!Key.isDown(51) && playedMi){

playedMi = false;

Mi.gotoAndStop(1);

//Fa

}

if(Key.isDown(52) && !playedFa){

playedFa = true;

Fa.gotoAndStop(2);

}if(!Key.isDown(52) && playedFa){

playedFa = false;

Fa.gotoAndStop(1);

//So

}

if(Key.isDown(53) && !playedSo){

playedSo = true;

So.gotoAndStop(2);

}if(!Key.isDown(53) && playedSo){

playedSo = false;

So.gotoAndStop(1);

//La

}

if(Key.isDown(54) && !playedLa){

playedLa = true;

La.gotoAndStop(2);

}if(!Key.isDown(54) && playedLa){

playedLa = false;

La.gotoAndStop(1);

//Si

}

if(Key.isDown(55) && !playedSi){

playedSi = true;

Si.gotoAndStop(2);

}if(!Key.isDown(55) && playedSi){

playedSi = false;

Si.gotoAndStop(1);

}

}

Didalam Action Scrit di atas terdapat Kode Keyboar yang di gunakan untuk megetahui Kode Keyboard apa saja yang di gunakan bisa lihat di Postingan Sebelumnya  Kode Keyboar Pada Flash

Untuk Melihat hasilnya Silahkan Tekan CTRL+Enter

Untuk Contoh File fla dari Tutorial diatas bisa di Download disini

Sekian Tutorial dari saya,semoga bermanfaat.