Membuat Piano Sederhana

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.


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)

Posted in: Pemrograman