Membuat Play Sound Dengan Teks Input - Actionscript 3.0

Langkah Pembuatan Play Sound Dengan Teks Input


Pembahasan kali ini mengenai bagaimana memainkan sound dari inputan teks. Berikut langkah-langkah yang harus Anda ikuti :

1. Buka document file Actionscript 3.0.
2. Pilih Text Tool, gunakan type "input text".
3. Buatlah kolom input text seperti pada gambar dibawah :




4. Kemudian import beberapa sound yang diperlukan. Kemudian pada linkage sound ketikkan A, B, C, D. Lihat seperti pada gambar dibawah :


5. Selanjutnya adalah membuat teks A, kemudian di convert ke Movie clip.

   - Movie clip dibuatkan animasi dengan teknik motion tween. Tujuannya adalah ketika menginputkan huruf "A" maka huruf A akan terlihat bergerak perlahan dari kiri kekanan, atau kesisi sebaliknya.

6. Ikuti langkah no 5 untuk abjad berikutnya.
7. Jika seluruh abjad sudah di convert ke Movie clip, selanjutnya adalah menambahkan linkage untuk masing-masing Movie clip abjad. Lihat gambar berikut :

8. Jika seluruhnya sudah diberi linkage, selanjutnya adalah mengetikan script beriku. Tekan F9 di frame 1.

import flash.media.Sound;

var letters:Array = ["a", "b", "c", "d", "e"];
var sounds:Array = [];
var animations:Array = [];
var maintenance:Array = [];

for each(var i:String in letters)
{
var SoundClass:Class = getDefinitionByName(i) as Class;
var sound:Sound = new SoundClass();
sounds[i] = sound;
var AnimClass:Class =  getDefinitionByName(i + "_animation") as Class;
animations[i] = new AnimClass();
}

stage.addEventListener(KeyboardEvent.KEY_DOWN, MatchSound);
function MatchSound(e:KeyboardEvent):void
{
for(var i:int = 0; i < letters.length; i++)
{
switch(String.fromCharCode(e.charCode).toLowerCase())
{
case letters[i]:
sounds[letters[i]].play();
Add(animations[letters[i]]);
}
}
}
function Add(a:*):void
{
if(maintenance.length > 0)
{
for each(var i:* in maintenance)
{
removeChild(i);
}
}
maintenance = [];
addChild(a);
a.gotoAndPlay(1);
a.x = stage.stageWidth/2;
a.y = stage.stageHeight/2 - a.height;
maintenance.push(a);
}
9.  Selesai menuliskan script diatas. Tekan ctrl+Enter untuk menjalankan program.


~ Semoga Berhasil

Flash Tutorial || Game Tutorial || Tutorial Membuat Applikasi


Membuat Play Sound Dengan Teks Input - Actionscript 3.0 Membuat Play Sound Dengan Teks Input -  Actionscript 3.0 Reviewed by Ardy S on May 18, 2015 Rating: 5

No comments:

Powered by Blogger.