membuat piano dengan macromedia flash 8 (action script 3)


kembali ke game flash. kali ini saya akan memberitahu kamu bagaimana membuat piano menggunakan macromedia flash. sebenarnya posting ini saya dapat dari http://flashindonesia.com/2012/01/membuat-piano-sederhana-actionscript-3-0/
langsung saja :
  • 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
    Shape
  • Ubah masing-masing kotak menjadi movieclip dengan cara Convert to Movieclip. ( F8)
    Convert to Movieclip
    Convert to Movieclip
  • Sekarang duplikat movieclip tut piano dan atur menjadi seperti ini.
    Piano
    Piano
  • Beri instance name masing-masing movieclip seperti di gambar ini :
    Instance
    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.
    01import flash.media.Sound;
    02import flash.media.SoundChannel;
    03import flash.net.URLRequest;
    04import flash.events.Event;
    05import flash.events.KeyboardEvent;
    06import flash.ui.Keyboard;
    07import flash.display.MovieClip;
    08import flash.events.MouseEvent;
    09 
    10var 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 
    15var suaraArray:Array = new Array();
    16 
    17//Melakukan load terhadap file suara
    18for(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
    32var 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];
    34stage.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
    45var movieclipTut:Array = [tut1, tut2, tut3, tut4, tut5, tut6, tut7, tut8, tut9, tut10, tut11, tut12, tut13];
    46for(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.
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)