membuat Piano secara sederhana menggunakan software Actionscript 3.0

Nah sekarang kita akan membuat Piano secara sederhana menggunakan software Actionscript 3.0 . mau coba . ^.^


Buat sebuah dokumen flash baru, yang tentunya dengan Actionscript 3.0
Gambar dua buah kotak dengan warna putih dan hitam, kotak ini dipergunakan sebagai tut dari piano.


Shape
Ubah masing-masing kotak menjadi movieclip dengan cara Convert to Movieclip.




Convert to Movieclip
Sekarang duplikat movieclip tut piano dan atur menjadi seperti ini.




Piano
Beri instance name masing-masing movieclip seperti di gambar ini :




Instance
Nah, sekarang kita download file sound-nya di sini : Sound.rar. Kemudian extract di tempat .fla kamu disimpan.
Sekarang ketik script kamu. Klik pada frame 1 dan tekan F9 untuk mengeluarkan panel Action-Frame.

01 import flash.media.Sound;


02 import flash.media.SoundChannel;


03 import flash.net.URLRequest;


04 import flash.events.Event;


05 import flash.events.KeyboardEvent;


06 import flash.ui.Keyboard;


07 import flash.display.MovieClip;


08 import flash.events.MouseEvent;


09


10 var suaraFileArray:Array =


11 ["60short.mp3", "61short.mp3", "62short.mp3", "63short.mp3", "64short.mp3","65short.mp3",


12 "66short.mp3", "67short.mp3", "68short.mp3", "69short.mp3", "70short.mp3","71short.mp3",


13 "72short.mp3"];


14


15 var suaraArray:Array = new Array();


16


17 //Melakukan load terhadap file suara


18 for(var i=0;i<suaraFileArray.length;i++){


19 //Membuat variabel dari class Sound


20 var soundClip:Sound=new Sound();


21 //Membuat object ShoundChannel


22 var sndChannel:SoundChannel=new SoundChannel();


23 //memanggil dari file


24 //soundClip.url = suaraFileArray[i];


25 soundClip.load(new URLRequest(suaraFileArray[i]));


26 //Memasukkan ke array.


27 suaraArray.push(soundClip);


28 }


29


30 //menambahkan event agar mampu diklik dengan keyboard


31 //urut2an Q-2-W-3-E-R-5-T-6-Y-7-U-I


32 var tombolKeyboard:Array = [Keyboard.Q, Keyboard.NUMBER_2, Keyboard.W, Keyboard.NUMBER_3, Keyboard.E


33 , Keyboard.R, Keyboard.NUMBER_5, Keyboard.T, Keyboard.NUMBER_6, Keyboard.Y, Keyboard.NUMBER_7, Keyboard.U, Keyboard.I];


34 stage.addEventListener(KeyboardEvent.KEY_DOWN, function(e:KeyboardEvent){


35 for(var i=0;i<tombolKeyboard.length;i++){


36 //mengecek apakah sama dengan salah satu array


37 if(e.keyCode == tombolKeyboard[i]){


38 suaraArray[i].play();


39 break;


40 }


41 }


42 });


43


44 //menambahkan event saat tut diklik


45 var movieclipTut:Array = [tut1, tut2, tut3, tut4, tut5, tut6, tut7, tut8, tut9, tut10, tut11, tut12, tut13];


46 for(i=0;i<tombolKeyboard.length;i++){


47 (movieclipTut[i] as MovieClip).nomor = i;


48 (movieclipTut[i] as MovieClip).addEventListener(MouseEvent.MOUSE_DOWN, function(e:MouseEvent){


49 var movieclip:MovieClip = e.currentTarget as MovieClip;


50 suaraArray[movieclip.nomor].play();


51 });


52 }

Sekarang kita test dengan menekan tombol pada keyboard atau dengan mengklik tut tersebut.




Klik gambar untuk preview hasil.
Catatan : Tombol yang dipergunakan adalah Q,W,E,R,T,Y,U,I (tombol bawah) dan 2,3,5,6,7 (tombol atas)


Sumber : http://flashindonesia.com/2012/01/membuat-piano-sederhana-actionscript-3-0/