Note: This work was first published in 2003, less than 70 years ago. Therefore, this work is protected by copyright, restricting your legal rights to reproduce it. However, you are welcome to view it on screen, as you do now. Read more about copyright.
Full resolution (JPEG) - On this page / på denna sida - Webbskolan: Lär dig ljud i Flash — gör en egen klaviatur
<< prev. page << föreg. sida << >> nästa sida >> next page >>
Below is the raw OCR text
from the above scanned image.
Do you see an error? Proofread the page now!
Här nedan syns maskintolkade texten från faksimilbilden ovan.
Ser du något fel? Korrekturläs sidan nu!
This page has never been proofread. / Denna sida har aldrig korrekturlästs.
webbskolan H liud i flash
Lär dig ljud i Flash - gör en egen
klaviatur
Sopa mattan med andra hemsidesmakare genom att
koppla ljud till dina flashf ilmer. I åtta enkla steg gör du
en synthesizer till din sajt - med 17 toner!
Tjusningen med att jobba i
Flash är möjligheten att
använda olika media i
kombination med varandra.
Interaktiviteten, där
användaren avgör vad som ska hända,
bidrar också till det roliga.
Ljud är en given del av din
Flash-film. Att lägga in ljud är
väldigt enkelt: importera
ljudet till Library, klicka på en
Keyframe och välj en ljudfil
från drop-downmenyn i
egen-skapspaletten. Busenkelt, men
inte alltid så praktiskt.
Ganska ofta vill du koppla
ljud till särskilda händelser,
som när besökaren klickar på
en knapp. Ett sätt kan vara att
lägga ljudfilen på rutan för
knappens "down"-läge, men
det är snyggare att koppla ljud
till knappen med actionscript.
Actionscript är Flash eget
programmeringsspråk som
används för att styra i princip
allt i filmen: placeringar på
objekt, färger på knappar, texten i
textboxar, var på tidslinjen
man vill hoppa och mycket
mer. Det finns ett antal
kommandon för att styra ljud, och
det ska vi göra nu. Samma
kommandon som vi använder
till synten kan användas för all
typ av ljudhantering i Flash.
I den här skolan skapar vi en
enkel synt i Flash. Den består
av en klaviatur med 17
tangenter. Varje tangent är kopplad
till en ton som representeras av
en ljudfil - när du trycker på
A-tangenten spelas en ljudfil
med tonen A. Filmen är bara
en ruta lång eftersom allt som
händer styrs av skript, inte av
händelser utmed tidslinjen.
Exempelfiler till den här
skolan finns att hämta på
internetworld.idg.se/tjanster/
webbskolan/synt.zip.
1 Skapa en spelbar
synthesizer
Skapa ett tomt dokument i
Flash. Skapa tre lager utmed
tidslinjen. Döp dem (uppifrån
och ner) till ”skript”, ”klaviatur”
och ”knappar”.
□ RITA KLAVIATUREN
Först ska vi skapa
klaviaturen. Aktivera Library-paletten
och klicka på knappen New
symbol i nedre vänstra hörnet. Döp
den till ”klaviatur”. Aktivera
rutnätet och funktionen Snapto
grid. Rita med hjälp av
linjeverktyget tio tangenter, vardera tre
rutor breda och 20 rutor höga,
dessa ska bli de vita tangenterna
på klaviaturen. Rita sedan de
svarta tangenterna, två rutor
breda, enligt bilden nedan.
0 SKAPA KLICKBARA
KNAPPAR
Klaviaturen innehåller inga
knappar, utan de lägger vi separat.
Totalt behöver vi lyra olika former
på de knappar som ska aktivera
tonerna. Det enklaste sättet att
skapa dessa är genom att fylla en
av vardera form på klaviaturen.
Använd Paint bucket och
färgläggfyra tangenter. Byt till
mar-keringsverktyget (svarta pilen)
och klicka på en av fyllningarna.
Klipp ut den och skapa en ny
symbol. Välj egenskapen Button,
och ge den ett namn som
motsvarar den form som figuren har
(till exempel vänster/höger/
mitt/svart). Klistra in figuren,
och snabbt och enkelt har du
skapat en knapp med rätt form
för klaviaturen. Innan du går
vidare ser du till att kopiera figuren
till knappens alla lägen (up, over,
down och hit), och att skapa
knappar för samtliga figurer.
0 MONTERA KNAPPAR
OCH KLAVIATUR
Placera klaviaturen på scenen i
lagret ”klaviatur”. Byt till lagret
”knappar” och placera ut en
knapp med motsvarande form
för varje tangent i klaviaturen. På
så sätt kommer knapparna som
används för att spela upp ljuden
att ligga under streckfiguren
med klaviaturen.
2 Importera ljudfiler
till Flash
Det blir ingen synt utan ljud, och
därför ska vi nu importera 17
små ljudfiler med varsin ton. Du
kan spela in egna toner från ett
instrument, men här har vi
använt vågformer skapade i
ljudredigeringsprogrammet Sound
Forge (www.sonicfoundry.com).
Om du vill använda dessa filer
går de bra att ladda ner från
internetworld.idg.se/tjanster/
webbskolan/flashljud.zip. Välj
Import to Library från
File-me-nyn. Lokalisera ljudfilerna, välj
alla och klicka på Open.
3 Andra egenskaper
förljudfiler
För att kunna kalla på ljudfilerna
med actionscript måste du ändra
egenskaperna för de importerade
filerna. Högerklicka på den för-
70 internetworld.idg.se II6-2003
har du ett ti ps? mej la oss rktips@iivred.idg.se
[-TANGENTBORDET.-]
{+TAN-
GENT-
BORDET.+}
Färdig
klaviatur med de
fyra olika
formerna ifyllda, klara att
bli knappar.
Har du tips pä ämnen vi ska skriva om i webbskolan? Kontakta redaktionen på ivebbskolan@iivred.idg.se
KOPPLA LJUD TILL KNAPP.
Högerklicka på ljudfilerna i Library för
att koppla dem till actionscript.
ÄNDRA I LJUDFILERNA.
Markera Export for Actionscript och ange
ett namn (identifier) för varje ljudfil.
sta ljudfilen i Library och välj
Lin-kage. I den dialogruta som nu
dyker upp kryssar du i Export for
Actionscript.
Fältet Identifier aktiveras sä
att du kan skriva in det namn du
vill använda för att kalla på ljudet
i actionscript, förslagsvis tonens
namn.
Upprepa denna procedur för
samtliga importerade ljudfiler.
4 Dedikera skript
tillf råmes
Det har blivit dags att skriva kod.
Öppna skriptrutan genom att
högerklicka på den första rutan i
lagret "skript” och välj Actions.
Aktivera Expert mode genom att
klicka på den blå pilen till höger i
skriptrutan. Nu skriver du två
rader kod.
□ KOPPLATILL LJUD
Den första skapar det objekt
som kan kopplas till ljud. Ljudet
måste importeras och kopplas
(linkage) för att sedan
associeras till ett objekt som du skapar.
Objektet namnger du själv, i vårt
fall heter det "note”. Den första
raden ska se ut så här:
note=new Sound ()
New Sound{) är det kommando
som anger att ”note” är ett
ljudobjekt.
0 STAN NA FILMEN
Nästa rad stannar filmen.
Om du inte stannar den börjar
den om från början när den nått
slutet. I vårt fall spelar det
egentligen ingen roll: alltingfungerar
som det ska ändå, men ha för
vana att inte låta filmen loopa i
onödan. Det kan ställa till med
bekymmer för mer komplexa
filmer. Koden ser ut så här:
stop()
5 Skapa händelser
vid tangenttryck
För att koppla ett skript till en
knapp högerklickar du på den
knapp du vill koppla skriptet till
och väljer sedan Actions. Om
skriptrutan redan är aktiv räcker
det med att välja knappen på
vanligt sätt.
Sedan krävs lite mer jobb. Där
ett skript automatiskt utförs när
rutan spelas upp krävs att man
definierar en händelse, eller
Event, för en knapp. Här
använ-dervi händelserna mus ner, upp
och upp utanför objekt. Mus ner
(press) är det som händer när
man klickar på en knapp. Mus
upp (release) är när knappen
släpps. Skulle användaren dra
bort markören från knappen
innan musknappen släpps kallas
det att dra utanför (dragOut) och
släpper man sedan knappen
kallas det släppa knappen utanför
(releaseOutside).
I action script anger du ett event
så här:
on (press) {
action
}
Det betyder i klarspråk: När
händelsen press sker utförs den-
Expert mode bäst för förståelsen
Flash kan programmeras i två
nivåer: normal och expert.
Expert låter mer avskräckande än
det är. Den stora skillnaden
mellan normal och expert är
att du i normalläget väljer
kommandon från en meny,
och anger parametrar i särskil-
SKRIPT TILL
TANGENTER.
Skripten för varje
knapp skrivs efter
varandra. Clöm
inte sista
hakparentesen!
na action. Mellan {} anger du
vad som ska göras. Det går bra
att ange flera händelser med
samma action, separera då
händelserna med ett komma:
on(release, releaseOutside){
action
}
6 Koppla ljudet
till tangenterna
Nu saknas bara det som faktiskt
ska hända: att spela upp ljud.
Två rader behövs i den första
delen av skriptet (för händelsen
press). Först ska rätt ljud
kopplas till objektet som vi skapade i
steg fyra:
on(press){
note.attachSound(iai)
}
Med kommandot attachSound()
kopplar vi den ljudfil som fått
da textfält i skriptpaletten.
Även om det kan låta lockande
är det bra att lära sig språket
och dess syntax från grunden
eftersom det ger större
möjligheter. Dessutom ger det en
bättre känsla för felsökning när
något gått snett.
Filformat för ljud
I Flash finns det möjlighet att
använda ljud i okomprimerat
(wav i Windows, aiffi Mac OS)
och komprimerat mp3-format.
Fördelen med att använda
okomprimerade filer, och låta
Flash komprimera ljudet vid
publicering, är att man i
princip alltid låter Flash
komprimera ljudet i alla fall, och det är
då bättre att låta det
kompri
mera en okomprimerad fil än
en mp3-fil. En annan fördel är
att det är enklare att hantera
och redigera okomprimerade
ljudfiler.
Hardu QuickTime
installerat kan du även importera aiffi
Windows och wav i Mac OS,
med flera andra format, men
grunden med de respektive
plattformarnas
okomprimerade format samt mp3 torde
räcka för de flesta.
VALFRI HET. Vill man inte köra fullt ut i expertläget från början är det enkelt
att växla mellan normal- och expertläget så att de kan användas parallellt.
ERIK CASENBERC TIPSAR OM MACFORUMET- WWW.99maC.COm
internetworld.idg.se /j6-2003 fl
<< prev. page << föreg. sida << >> nästa sida >> next page >>
