Multimedieutvikling i Flash

Kapittel 2 - Innføring i Flash

Stikkord til

• Begreper

• Ferdigheter

som må kunnes og vi bli gjenstand for vurdering.

Begreper:

Flash Professional CS5:

Utviklingsverktøy (forfatterverktøy, IDE=Integrated Development Environment) for å lage animasjoner og mindre programmer som kan kjøres/spilles av

• På nettsider (Krever at nettleser har Flash Player.)
• Som selvstendig program på pc, håndholdte enheter og mobiltelefoner. (Krever at enheten har Flash Player eller Adobe Air.)

Flash miljøet er laget for å gjøre det enkelt å

• lage animasjoner
• skrive kode i programmeringsspråket ActionScript
• publisere resultatet (Filformater: .swf, .exe, .html)

Viktige menyvalg i starten:

• ESSENTIALS, Reset Essentials:
  Holde kontrol på alle vinduene og panelene.
  Dessuten Window-menyen, der du kan velge vinduer og paneler etter behov.
• Modify, Document:
  • Dimensjoner på Stage ("Scenen" med din applikasjon.)
  • Bakgrunnsfarve
  • Frame rate

Navn på deler av skjermbildet:

• Visningsområdet
• Properties panelet: Egenskaper til det objektet vi holder på med
• Tools; verktøyboksen: Verktøy for å tegne ting. Slå på Object tegning (Tegningsgrafikk). (Av: Shape tegning)
• Timeline; tidslinjen: Lag, bilder og nøkkelbilder. (Layer, Frame, KeyFrame)

Lag:

Dele opp en applikasjon, for eksempel i bakgrunn og bildeviser. (Motion tween (se lenger ned) må ha eget lag!)

Vise og skjule, arbeide med en ting av gangen uten å bli forstyrret av resten.

Lagene ligger oppå hverandre slik de vises i Tidslinjepanelet. Kan flytte/bytte!
Kan også legge inn objekter som maskerer.

Endre objekter:

Transform tool: Skalere i x- og y-retning, rotere.

Kopiering, klipping og liming som i andre programmer.

Importere bildeserie:

File, Import to Stage...

Legg merke til at bilder kan importeres i et Movie-Clip-symbol (Insert, New Symbol...) på symbolets egen, underordnede tidslinje, slik som vist i eksemplet side 34-35.

Insert Frame (F5):

Setter inn nye tomme rammer, men konvensjonen er at da vises innholdet fra siste ramme foran som har innhold..

Insert KeyFrame: Setter inn nytt nøkkelbilde, med nytt innhold.

Motion Tween:

Start og slutt med en nøkkelramme (keyframe)

Lag en figur og konverter til symbol. (Høyreklikk, Convet to Symbol)

Høyreklikk objekt, Create Motion Tween.

Gå til siste nøkkelbilde og lag sti.

Se eksempel side 42-43!

Symboler og Bibliotek (Library):

Symboler er objekter som lagres i et bibliotek som en blir en slags fabrikk som vi kan få til å produsere flere objekter (instance).

Fordeler:

• Symboler kan animeres (tween)
• Symboler kan refereres til i kode, da vi har gitt dem navn.
• Symboler tar mindre plass enn vanlige obekter, da de bare er referanser til en fabrikk som produserer dem etter behov.
  (Flere symboler av samme type lagres bare en gang!)

Interaktivitet:

Knapper:

Tegn, shapegrafikk, Convert to Symbol.

Kopi, transform horisontal.

Velg knapper hver for seg og legg inn code snippets.

Se eksempel side 38-39!

Animasjon:

Tekst eller grafikk, Convert to Symbol (MovieClip)

Window, Motion Preset:
Ferdige effektanimajsoner, som i PowerPoint, med forhåndsvisning.
(Også symbol med tre voksende prikker i Tool-panel.)

Animasjon merkes blått på tidslinjen.

Lik varighet på lag: Merk og velg insert frame, så fylles det inn.

Ikke gjenta: New Keyframe på siste ramme i scriptlag med stop();

Publisering:

• .swf: For Flash Player)
• .html: Nettside, med kode som bruker .swf fil
• .exe: Windows projector; Program for windows som inneholder både Flash Player og .swf fil.
• .app: Mac projector, Tilsvarende for Mac pc
• Mobil og håndholdte enheter: Se side 45 og utover, må installere tilleggsprogramvare.
  Da vi ikke har administrator-rettigheter på skolemaskinene, er dette litt problematisk.
  En løsning er å installere en prøveversjon av Flash Professional på en privat pc og
  installere det som er nødvendig, slik det er forklart i denne bruksanvisningen for publisering til Android telefoner.

Ferdigheter:

• Lage bildeshow, se side 34-35
• Lage trykk-knapper, se side 38-39
• Lage kode til trykk-knapper, se side 40-41
• Lage animasjon, se side 42-43
• Publisere til nettside eller exe-fil og teste at publiseringen virker, se side 49