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/

2 comments

14 Desember 2015 pukul 20.42

Wah, keren. Dimana saya bisa dapat software actionscript 3.0? Saya mau coba buat juga.

14 Desember 2015 pukul 20.55

Wah, keren. Dimana saya bisa dapat software actionscript 3.0? Saya mau coba buat juga.