Kommentar til blogging!

Mitt inntrykk av bloggingen er at det har hvert helt idielt for meg. Jeg føler jeg har lært mye mer i denne perioden enn jeg har lært tidligere, grunnet at jeg må ha satt meg inn i stoffet og bearbeidet det for meg selv. Eksempeloppgavene har hvert bra eksempler for å prøve meg og se om jeg har skjønt poenget. Jeg håper vi kan fortsette med å blogge videre, da jeg syntes dette er den beste måten for meg å lære på!

Kapitel 7

Interaktivitet
Interaktivitet vil si at brukeren kan gi input i multimedieproduksjonen og vil på denne måten kunne styre informasjonen som kommer ut. Man kan si at ulike funksjoner kan ha forskjellige grad av interaktivitet. Lysbildeshow er et enkelt eksempel på en enkel interaktivitet hvor man kan bruke knapper for å komme seg frem og tilbake, en slik oppgave har jeg gjort tidligere som du kan se lenger ned på siden. Ved å zoome inn og ut på bildene vil det si at vi får en større interaktivitet.

Interaksjonsgrad og kompleksitet bør tilpasses innhold og formål med multimediefunksjonen. Funksjonen bør også ha en viss nytteverdi. Det vil si at funksjonene på en eller annen måte hjelper brukerne til å oppnå noe. Formål og inhold vil være med på å bestemme nytteverdien. Det stiller for eksempel mindre krav til funksjon og brukervenlighet på en webside for ren underholdning enn på en webside for opplæring.

Interaktivitet i Flash

For å lage interaktivitet i Flash, bruker vi ActionScript som programmeringspråk. ActionScript kommer i flere versoner, vi bruker ActionScript 2.0. Når vi laget et nytt dokument, velger vi hvordan versjon vi ønsker å bruke. For å få noe til å skje i animasjonen kan vi trykke på knapper, og det er en egen symboltype for knapper i Flash. Man lager et nytt knappesymbol på samme måte som ved Movie-clip-symboler, forskjellen er at du velger button som type.

Knappesymbolene har en spesiell tidslinje, hvor det bestemmes hvordan knappene skal vises i forskjellige tilstander:

*Up-tilstander, er når musmarkøren ikk er over knappen.

*Over- tilstanden, er når musmarkøren er over knappen.

*Down- tilstanden, er når du trykker på venstre museknapp over knappen.

*Hit- denne grafikken vises ikke, men bestemmer det området som reagerer med musmarkøren.

Om man går under Windows-Common Libraries-Buttons, finnes det også ferdiglagde knapper.
På samme måte som man lager en vanlig tidslinje, kan man lage nøkkelbilder med grafikk. Det er viktig å passe på at Sync ikke er satt i Stream ettersom tidslinja til en trykknapp ikke spilles av i tid, om man vil legge inn lyd. Når en knapp har blitt laget, kan man teste den ved å gå i Control-menyen og bruke Test Movie. Om man ikke vil flytte eller redigere knappene, kan man også gå i Cantrol- menyen og krysse av for Enable Simple Buttons.

Skrive kode
ActionsScript-koden kan legges inn i nøkkelbilder og symbolinstanser.

* For å kunne skrive kode inn i et nøkkelbilde velger du nøkkelbilder på tidslinja og skriver koden i Actions-panelet. Det er vanlig å legge koden inn i nøkkelbilder på et eget lag.

* For å skrive kode i en symbolinstans velger du instansen i visningsområdet og skriver koden i Actions-panelet. Ord som er definert fra før blir blå og man avslutter en linje med kode med semikolon (;).

Hendelser
ActionScript er et hendelsesorientert programmeringsspråk. Noe som vil si at noe må skje for at programkoden skal kjøres. For eksempel om man legger kode inn i et nøkkelbilde, da blir koden kjørt når spillehodet kommer til nøkkelbilde. Om vi legger kode inn i en trykknapp eller en Movie clip-instans, må også noe skje for at koden skal bli kjørt (eks om man flytter musa over instansen). Derfor må vi lage en liten kodesnutt som angir hvilke hendelser vi skal bruke.

Et eksempel er om man vil ha noe til å skje når man slipper opp musknappen oven en instans, da kan vi skrive:

on (relase) {
kode som skal kjøres
}

Relase angir at koden kjøres når vi slipper opp museknappen. Koden vi ønsker å kjøre, legges mellom krøllparentesene.

Under er en liste over noen hendelsen det er mulig å bruke:

* relase

* press

* relaseOutside

* rollOver og rollOut

* dragOver og dragOut

Navigasjon på tidslinja
På tidslinja bruker vi ofte ActionScript til å navigere, Som til eks å stoppe å starte animasjonen, eller gå til en bestemt scene. Under ser du noen egne kodeord for dette:

* Stop() og Play()

* nextFrame() og prevFrame()

* nextScene() og prevScene()

* gotoAndPlay("scenenavn" ,bildenummer) og gotoAndStop("scenenavn", bildenummer)

* _currentframe

* _totalframe

Vise websider
Vi kan bruke kommandoen getURL for å vise en webside, som eksempel: getURL(http://www.vg.no/); Du må teste animasjonen i Flash for å få vist den på websiden.

Styre Movie clip-instanser
For å styre et movie clip, ved for eksempel å starte eller stoppe animasjonen gjøres instansen usynelig. Vi må da kunne referere til instansen i koden, dette gjør vi ved å navngi instansen i Properties-panelet i feltet der det står <Instance Name>.
Om du eksempel skriver minSykkel inn som navn i instansen, vil du da knytten denne bilen til trykknappen. I koden til trykknappen kan vi skrive:

on (release) {
minSykkel.stop();
}

Forskjeller mellom knappe- og movie clip-instanser
Movie clip-instanser kan reagere på trykknapper på samme måte som mushendelser. En viktig forskjell er at koden vi skiver i en trykknapp, i utgangspunktet refererer til tidslinja knappen ligger på, mens koden vi skriver i en Movie clip-instans, refererer til Movie clip-symbolets egen tidslinje.

Egenskaper vi kan styre
Det er mulig å styre animasjonen inn i en instans ved å bruke navigasjonskomandoer som stop() og gotoAndPlay(). Man må være oppmerksom på at når man roterer, flytter og skalerer er registerpunktet til symbolet. Registerpunktet er markert som et lite kryss inne i symbolet. Om man ønsker å flytte referansepunktet, er det viktig at man flytter grafikken inne i symbolet i forhold til registerpunktet.

Styre lyd og video
Det er mulig å styre lyd ved å bruke navigasjonskomandoene for å hoppe til forskjellige nøkkelbilder med lyd på tidslinja. Om man ønsker å styre lyd og video som samtidig streames, må man referere til komopnenten som laster ned lyden eller videoen. Man navngir komponentene i Properties-panelet under , på samme måte som symbolinstanser (når man skal styre movie clip-instanser, i properties panelet).

Styre MediaPlayback- og MediaDisplay-komponenten (lyd)
Mange av disse komponentene har de samme funksjonene, sett bort fra MediaDisplay-komponenten som ikke har noen kontrollknapper.
Under er en overskikt over de viktigste komandoene, som er navngitt minLyd i Properties-panelet:

* minLyd.play(tid i sekunder);
* minLyd.pause();
* minLyd.stop();
* minLyd.volume = verdi;
* minLyd.playheadTime
* minLyd.setMedia("filnavn", "MP3");

Om man skal styre FLVPlayback-komponenter, som eks video, kan man bytte ut minLyd med for eksempel minVideo.

Bruke tekstfelt
Det er mulig å referere til tekstfelt i koden ved å bruke tekstfelt av typen Dynamic og Input.
Å bruke Dynamic vil si å skrive tekst ut fra koden, mens med Input kan man både skrive ut tekst og brukeren kan skrive ut tekst.Man refererer til tekstfelt ved å navngi dem i Properties-panelet, under <Instance Name>, som er samme som man gjør med symbolinstanser.
Under skriver vi ut en tekst i et tekstfelt vi har navngitt til minTekst (viktig å skrive teksten i anførselstegn):

minTekst.text = "Hallo, her er jeg!";

Variabler
Ved å bruke variabler kan man lagre verdier og bruke dem om igjen i koden. Man skriver var foran et navn for å lage en variabel. I eksemplet under vil vi gå til det samme bildenummeret i flere Movie clip-instanser.

var nummer = 6;
minMovie1.gotoAndPlay(nummer);
minMovie2.gotoAndPlay(nummer);
minMovie3.gotoAndPlay(nummer);

Om man ønsker å gå til et annet bildenummer, kan man bare forandre verdi på variablen og ikke alle gotoAndPlay - kommandoene. Det er også mulig å endre verdi på en variablen som ble laget tidligere i koden. man må da passe på at man ikke skriver var foran.
eks: nummer = 6;

Tekster
Det er ofte at man vil at brukeren skal svare på et spørsmål og skjekke om svaret er riktig. Til dette bruket kan man benytte seg av if-test.
I eksemplet under skjekker vi om teksten i tekstfeltet er lik "Svale". Om dette stemmer skrives "Riktig" ut i andre tekstfelt.

if(innTekst.text == "Svale") {
resultatTekst.text = "Riktig";
}

Man kan også bruke kodeordet else for å gjøre noe om testen ikke slår til:

if(innTekst.text == "Svale") {
resultatTekst.text = "Riktig";
}
else {
resultatTekst.text = "Feil";
}

Komponenter
Det finnes mange ferdiglagde symboler med ekstra funksjonalitet som kalles komponenter i Flash. Når man for eksempel skal vise video, brukes en komponent av typen FLVPlayback. Disse komponentene finner man i Components-panelet. Det er viktig å være oppmerksom på at komponentene som er i ActionScript 2.0, er anderledes fra de som finnes i ActionScript 3.0.

16.10.09

I dag gjorde jeg ferdig oppgaven på side 43. I denne oppgaven skulle jeg flytte en Movie clip-instans ved å stykke på knapper. Oppgaven kan du se under:


Flytte en Movie clip-instans by ~anetteisaksen on deviantART

13.10.09

I dag har vi beggynt med programmering i ActionScript 3.0.
Under er den første oppgaven jeg har laget:



Trykknapp by ~anetteisaksen on deviantART

(oppgaven har en liten feil, jeg fikk ballen til å gå fra høyre i steden for venstre)

Bildeserie med knapper hvor man kan velge fram og tilbake:


Bildeserie med knapper by ~anetteisaksen on deviantART

28.09.09

Dagen i dag har gått med på å lage en preloader i Flash. Det ferdige resultatet av denne oppgaven vil vise at sangene eller bildet er på vei til å bli lastet ned, og når bildet er ferdig laster, ser du det. Man kan se at bildet blir lastet ned under, men bildene blir lastet opp så fort. På datamaskinen fortsetter bildene å gå rundt, men på deviantart stopper bildene etter en runde, samtidig som bildene blir lastet opp veldig fort.
Under kan man se det ferdige resultatet som ble litt anderledes enn det som blir vist i Flash på PC-en:


Preloader by ~anetteisaksen on deviantART

25.09.09

I dag gjorde vi oss kjent med kapittel 7 som handlet om interaktivitet. Vi skal i løpet av dette kapittelet lære om interaksjonsgrad og nytteverdi og å lage interaktivitet i Flash.

Etter å ha lest mellom de første sidene skulle vi prøve oss på eksempel oppgaven på side 132, hvor vi skulle lage knapper i Flash som skulle styre lyd. Jeg valgte to sanger og kaldte den ene luden Lyd1 og den andre Lyd2. Jeg lagdt så to knapper som jeg kaldte Lyd1 og Lyd2. Jeg gjorde dem så til knapper, dette måtte jeg gjøre med å velge convert to symbol og velge knapp i menyen. Jeg høyreklikket så på hver knapp etter tur, velgte actions og skrev inn en kode som jeg kunne kopiere fra boka. dette gjorde jeg til begge knappene. Jeg tastet at animasjonen virket innimellom før jeg gikk videre. etter dette laget jeg to knapper til som vil gjøre at jeg kan starte og pause sangene. Dette gjorde jeg ved at jeg la inn en annen kode i actions. Oppgaven ble vellykket! Et lite problem som oppstod var at jeg ikke fikk lastet oppgaven opp på Devianart fordi filea mi må ligge i samme mappe som sangene.

Lyd by ~anetteisaksen on deviantART