Tworzenie przycisków włącz/wyłącz dźwięk we Flash'u (Action Script 3.0), część 1

Ten tutoraial będzie poświecony pokazaniu w jaki sposób można zrobić przycisk włączania i wyłączania muzyki w Action Script 3.0.


1. Mamy utworzony dokument we flashu, do którego chcemy podpiąć dźwięk w tle. Na początku tworzymy nową warstwę i nazywamy ją na przykład "muzyka" oraz importujemy do biblioteki pilk .mp3 (File-->Import-->Import to Library).


2. Klikamy na pierwsza klatkę warstwy "muzyka" i wybieramy polecenie Insert--> new Symbol (Ctrl+ F8). Pojawia się okno tworzenai symbolu, wybieramy Movie Clip, akceptujemy.


3. Będąc w pierwszej klatce naszego nowego symbolu wybieramy w opcjach właściwości odpowiednie parametry (Sync: Start i Loop). W klatce pierwszej dodajemy polecenie ActionScript (skrót F9) i wpisujemy: stop(). Dodajemy również drugą klatkę do warstwy pierwszej (F5).

4. Wchodzimy znowu na scenę główną (Scene 1). W bibliotece wyszukujemy nowo utworzony symbol i przeciagamy go gdzieś na obszar główny (jak zaznaczyłam na obrazku poniżej).

Klikając pojedynczo na Symbol 1 należy dodać nazwę instancji w polu właściwości. Symbol 1 powinien mieć instancję: music_mc.

Testując filmik widzimy, że dzwięk został juz umieszczony. Pora jeszcze dodac możliwość włączania go i wyłączania przy pomocy Action Script 3.0.


5. Należy utworzyć przycisk wyłączania muzyki i umieścić go na scenie. Może to być jakikolwiek button. Ważne aby nazwać jego instancję odpowiednią nazwą, np. tak jak u mnie: stop_btn.

6. Na głównej scenie tworzymy jeszcze jedną warstwę i nazywamy ją Actions. Najlepiej jak będzie znajdowała się na samej górze projektu. Będąc w pierwszej klatce warstwy Actions naciskamy F9 i wpisujemy odpowiednia komendę Action Script.
stop_btn.addEventListener(MouseEvent.CLICK, stopMusic);
function stopMusic(e: Event) {
SoundMixer.stopAll();
}

Przycisk Stop powinien juz działać. Można przetestować klikając Ctrl+Enter.


7. Dodanie przycisku Start, który będzie ponownie włączał muzykę jest bardzo podobne. Powtarzamy krok 5 z tą różnicą, że nazwa instancji będzie tym razem start_btn.


8. Wchodzimy do warstwy actions i do Action Scriptu dopisujemy poniższy kod:
start_btn.addEventListener(MouseEvent.CLICK, startMusic);

function startMusic(e: Event) {
music_mc.gotoAndPlay(1);
}

9. Testujemy filmik klikając na przyciski start i stop i jesteśmy zadowoleni, że nam działają;).