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/
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/