Globale linker

Flash

Interactions

Nå skal vi ta for oss en viktig del av Flash, nemlig interaktivitet. Med ActionScripting kan vil fortelle Flash at når en bestemt handling inntreffer, vil vi at noe bestemt skal skje. F.eks. når en bruker klikker på en knapp, vil vi at brukeren skal bli bragt til en annen del av animasjonen. Eller sagt på en annen måte, vil inteakterer med brukeren.

Button Symbols inneholder en form for interaktivitet. Vi bestemmer at når brukeren fører musepekeren over knappen, skal den forandre uttrykk, farge eller form, eller kanskje spille av en lyd.

Før vi ser på ActionScripting skal vi se at vi kan plassere et Movie Clip inne i en av statusene i en Button.

Lag et nytt tomt dokument
Sett inn et nytt Graphic Symbol, med navn Circle
Tegn er rød sirkel med svart strek

Dette symbolet skal vi bruke i knappen. Når vi konverterer elementer til symboler, gjør dette oss i stand til å bruke dette symbolet om og om igjen, og det vil ikke øke filstørrelsen nevneverdig i det ferdige resultatet. Hadde vi derimot brukt nye røde sirkler hver gang vi trengte dem, ville filstørrelsen på et ferdige resultatet blitt mye høyrere.

Tilbake i Scene 1, ta fram Library paletten (CTRL+L), og velg Options > New Symbol (Options = den lille svarte pilhodet øverst til høyre i paletten)
Det skal være av typen Button, og ha navn Button
Med Playhead i Up-state, trekker du inn et Instance av Circle fra Library paletten, og ved hjelp av Info paletten plasserer du det midt på. (pass på at du har valgt senterpunktet, og sett x og y til 0)
I Timeline, klikk og marker Up-state og legg inn en Keyframe i hver av de andre statusene ved å trykke F6.
I Timeline, klikk og marker Over-state. I Transform paletten, merk av i Constrain, og sett bredde til 120%. Høyden følger etter da vi har krysset av for vi skal beholde proposjonene i elementet.
I Timeline, klikk og marker Down-state. I Transform paletten, merk av i Constrain, og sett bredde til 80%. Høyden følger etter da vi har krysset av for vi skal beholde proposjonene i elementet.
I Timeline, klikk og marker Hit-state. I Effect paletten, velg Brightness = -100%. Husk at i Hit-state velger vi hvilket område som skal være klikkbart. Den fargen vi velger her, vil ikke synes i det ferdige resultatet, det er bare en grafisk fremstilling for oss, og indikerer hvilket område som er klikkbart.
Gå tilbake til hovedscenen ved å klikke på Scene 1 øverst til venstre i Timeline.
Trekk et Instance av knappen inn på scenen.
Velg Control > Enable Simple Buttons, for å få en forhåndsvisning av hvordan knappen oppfører seg, inne i Flash. Generelt er det ikke så smart å hå på denne, fordi det er vanskelig å få tak i knappen igjen i dette moduset. Test og slå den av igjen.

Nå skal vi se at vi kan putte et Movie Clip Symbol inn som en av statusene for knappen.

Dobbelt-klikk på Button-symbolet i Library paletten for å gå inn i Symbol Edit Mode.
Hold CTRL+SHIFT inne og klikk på Undo Transform nederst til høyre i Transform paletten, eller velg Modify > Transform > Remove Transform. Da fjerner vi alle endringer vi har gjort på symbolet i disse to statusene.
Lag et nytt Movie Clip Symbol, med navn circlemovie ved å trykke på New Symbol knappen nederst i Library paletten.
Trekk inn et Instance av Circle symbolet fra Library paletten, og midtstill det ved å velge x=0 og y=0 i Info paletten.
Legg til et Keyframe (F6) i Frame 10.
Med den nye Keyframe'n markert, i Transform paletten reduserer du størrelsen proposjonalt til 40%
Legg til en Motion Tween ved å høyreklikke mellom de to Keyframe'ne, og velge Create Motion Tween.

Nå skal vi altså putte denne lille filmen inn i Over-state på knappen vår.

Dobbeltklikk på Button i Library paletten får å gå inn i Symbol Edit Mode.
Klikk og marker Over-state.
Fjern sirkelen ved å trykke delete.
Pass på at du fortsatt står i Over-state, og trekk inn et Instance av circlemovie.
Midtstill ved å sette x=0 og y=0 i Info paletten.
Gå tilbake til hovedscenen, lagre (CTRL+S), og test ved å trykke F12

Så skal vi se at vi også kan legge til lyd på knappen. Det første vi må gjøre før vi kan bruke lyd, er å importere lyden til Flash. Ved å velge File > Import, og browse seg fram til lyden man vil bruke, vil lyden legge seg som et element i Library paletten. Lyden kan avspilles ved å markere den i Library paletten, og klikke på avspillingsknappen øverst i høyre del av forhåndsvisningsvinduet.

Velg File > Import og browse deg fram til en lyd du kan bruke
Dobbeltklikk på Button symbolet i Library paletten for å gå inn i Symbol Edit Mode.
Lag et nytt Layer som du kaller sound. I dette layeret skal vi plassere lydfilen.
Legg inn et Blank Keyframe i hver av de fire statusene ved å trykke F7.
Klikk og marker Down-state i sound-layeret.
Nå er det to måter å legge inn lyd på. Enten åpner du Sound paletten (finner du den ikke ligger den og venter på deg under Window > Panels > Sound) og velge lyden herfra. Eller du kan ta tak i lyden fra Library paletten og trekke den ut i arbeidsområdet. Uansett dukker det opp en knudrete liten strek i Down-state i sound layeret. Det betyr at her er det lyd.
Gå tilbake til hovedscene, lagre (CTRL+s) ,og ta en titt og lytt (F12).

Ikke lukk eller avslutt for vi skal jobbe videre med denne på neste side

Gå til neste side hvor vi ser på Scenes og litt enkel ActionScripting.