Flytte på instanser

Flytte en instans

Bruke tekstfelt

Styre lyd

Animasjonen kommer snart, bare problemer med å få den opp i bloggen.

Men lyden vises ikke, siden deviantart.com ikke godtar lyd.

• Pass på at du har to litt lengre mp3-formater.
• Lag et nytt Flash dokument, og lagre den som LydStyring.fla
• Ta frem component-panelet og dra ut en MediaDisplay-komponent i visningområdet.
• Velg så å skrive lydSpiller som navn i properties-panelet.
• Lag et nytt lag, og lag to knapper du kaller lyd 1 og lyd 2.
• Høyreklikk på lyd 1, velg Actions og skriv denne koden inn:

on (release) {

lydSpiller.setMedia("lyd1.mp3", "MP3");

lydSpiller.play();

}

• Så gjør du det samme og skriver denne koden inn i lyd 2:

on (release) {

lydSpiller.setMedia("lyd1.mp3", "MP3");

lydSpiller.play();

}

• Så sjekker du at lydene spilles av når du trykker på de.
• Så lager du to nye knapper ved siden av de du allerede har, disse kaller du pause og play.
• Så skriver du denne koden inn i Play knappen:

on (release) {

lydSpiller.play();

}

• Så skriver du denne koden inn i pause knappen:

on (release) {

lydSpiller.pause();

}

• Så tester du animasjonen for å se om du kan spille av og sette på pause med de nye knappene.
• Sett navnet playKnapp og pauseKnapp i properties panelet sånn at man kan referere tilbake til de seinere.
• Så lager du et nytt lag som du kaller Script. og her setter du denne koden i nøkkelbildet:

playKnapp.enabled = false;

playKnapp._alpha = 40;

pauseKnapp = false;

pauseKnapp._alpha = 40;

• Så tester du animasjonen.
• Nå skal vi gjøre sånn at pauseKnappen blir aktivert når vi spiller av en sang. og da må du skrive denne koden inn i lyd 1 knappen:

on (release) {

lydSpiller.setMedia("lyd1.mp3", "MP3");

lydSpiller.play();

pauseKnapp.enabled = true;

pauseKnapp._alpha = 100;

playKnapp.enabled = false;

playKnapp._alpha = 40;

}

• så gjør du det samme med lyd2.
• Så tester du animasjonen og ser om pause-knappen blir aktivert
• Så skal vi aktivere play-knappen når vi trykker på pause. Da må du skrive inn denne koden i pause-knappen:

on (release) {

lydSpiller.pause();

playKnapp.enabled = true;

playKnapp._alpha = 100;

pauseKnapp.enabled = 40;

pauseKnapp._alpha = 40;

}

• Så til slutt må vi forandre koden i play knappen slik at den aktivere pauseknappen og samtidig deaktiverer seg selv. Da skriver du inn denne koden i play knappen:

on (release) {

lydSpiller.play();

pauseKnapp.enabled = true;

pauseKnapp._alpha = 100;

playKnapp.enabled = false;

playKnapp._alpha = 40;

}

• Så tester du animasjonen for å se om den funker, og så lagrer du den :)

Lekse > Kap. 7 > 25.09.09

Kap. 7 >> Interaktivitet.

• Betyr at brukeren kan gi imput i multimedieproduskjonen, og styre informasjonen som kommer.
• Bruker et programmeringsspråk for å lage interaktivitet. Derfor er det som regel ikke forskjell mellom en interaktiv multimedieproduskjon og et dataprogram
  

Interaksjonsgrad og nytteverdi

• Ulik produksjon - forskjellig drad interaktivitet
• Eksempel på enkel interaktivitet er et lysbildeshow, hvor vi bruker knapper for å bla oss fram og tilbake mellom lysbildene.
• Får høyere grad av interaktivitet hvis vi har flere valgmuligheter.
• Dataspill er en multimedieproduksjon og har vanligvis en veldig høy interaksjonsgrad.
• Bør tilpasse innhold og formål med mmultimedieproduksjonen.
• Funksjonen burde også ha en nytte verdi - Det vil si at den funksjonen er en eller annen hjelp.
• Formål og innhold bør være med på å bestemme nytteverdien.
  

Interaktivitet i Flash.

• Bruker ActionScript som programmeringsspråk for å lage interaktivitet i Flash.

Knappesymboler.

• I animasjoner så trykker man på knapper for å få noe til å skje.
• Man kan lage et nytt knappesymbol på samme måte som Movie-Clip-symboler, men man må heller velge Button.
• De har en spesiell tidslinje som bestemmer hvordan knappene skal vises i forskjellige tilstander.
• Up - Tilstanden når musmarkøren ikke er over knappen.
• Over - Når musmarkøren er over knappen.
• Down - Når du trykker på venstre muknapp over knappen.
• Hit - Denne vises ikke, men bestemmer område som reagerer med musmarkøren.
• Når du har lagd en knapp, kan du teste den ved å gå i Control-menyen og bruke test-movie.
  

Skrive kode.

• Hvis du skal skrive kode i nøkkelbilde, så velger du nøkkelbilde på tidslinja og skriver koden inn i Action-panelet. Vanlig å kode inn i nøkkelbilder på et eget lag.
• For å skrive en kode i en symbolinstans velger man Instansen i visningsområdet og skriver inn koden i Action-panelet.
  

Hendelser

• Hvis man legger en kode inn i trykknapp eller Movie clip-instans, må nooe skje for at koden skal bli kjørt.
• Man må derfor lage en liten kodesnutt som angir hvike hendelser vi skal bruke.
• release - Angir at koden skal kjøres når vi trykker opp på museknappen.

Hendelser som vi kan bruke :

• release - Slippe opp venstre museknaoo over instansen.
• press - trykk ned venstre museknapp over instansen.
• releaseOutside - trykk ned venstre museknapp over instansen og så slipp den opp utenfor instansen.
• rollOver og rollOut - flytte musmarkøren inn og ut av instansen.
• dragOver og dragOut - dra musmarkøren inn og ut av instansen.
  

Navigasjon på tidslinja.

• stop() og play() - stopper og starter animasjonen der spillhodet er.
• nextFrame () og prevScene() - flytter spillehodet til neste eller forrige scene og stopper i det første bilde i scenen.
• gotoAndPlay("scenenavn", bildenummer) og gotoAndStop("scenenavn", bildenummer) - går til et bestemt bildenumer og fortsetter å spille eller stoppe.
• _currentframe - bildenummeren spillehodet er på i det øyeblikket.
• _totalframes - totalt antall bilder på tidslinja.

Vise websider.

• getURL (http://www.vg.no); - For å vise websia.
• getURL(http://www.vg.no, "_blank"); - for å vise websia i eget vindu.

Styre Movie clip-instanser.

• Når vi styrer en movie clip, ønsker vi å gjøre den usynelig, og det gjør vi ved å navngi instansen i Properties-panelet i feltet der det står .
• I koden for å få til å stoppe movie clip-instansen, da skriver du inn dette :

on (release) {

minBil.stop();
}

Forskjeller mellom knapper- og movie clip-instanser.

• Movie clip-instanserkan reagere på mushendelser på samme måte som trykknapper. En viktig forskjell er at koden vi skriver i en trykknapp, i utgangspunktet referer til tidslinja knappen ligger på, mens koden vi skriver i en movie clip-instans, referer til movie clip-symbolets egen tidslinje. Hvis man ønsker å stoppe hovedtidslinja inne fra en movie clip-instans, må man da skrive dette: - _parent.stop(); eller _root.stop();

Egenskaper vi kan styre.

• Man kan angi x- og y-koordinatene for å flytte instansen til et annet sted:

minBil._x = 50;

minBil._y = 20;

• man kan skalere instansen i bredde og i høyde. Denne koden gjør instansen halvparten så stor.

minBil._xscale = 50;

minBil._yscale = 50;

• Man kan rotere instansen med en viss vinkel. Denne koden roterer til 90 grader.

minBil._rotation = 90;

• Man kan angi gjennomsiktigheten med en verdi mellom 0 og 100. Koden gjør instansen 80 % gjennomsiktig.

minBil._alpha = 20;

• Man kan gjøre instansen usynelig eller synelig ved å bruke henholdsvis.

minBil._visible = false;

minBil._ visible = true;

Styre lyd og video.

• En måte man kan styre lyden er å bruke navigasjonskommandoen for å hoppe til ulike nøkkelbilder med lyd på tidslinja. For å gjøre dette angir man navn i komponent i properties panelet under

Styre MediaPlayback- og MediaDisplay-komponenten(lyd)

• minLyd.play(tid i sekunder); - Starter å spille lyden. Inne i parentesene kan man angi hvor man vil starte fra, og hvis man ikke skriver inn noen tall, da blir det spilt fra begynnelsen til du setter den på pause.
• minLyd.pause(); - Setter lyden på pause.
• minLyd,stop(); - stopper lyden og setter spillhodet til begynnelsen
• minBil.volum = verdi; - angir volumet i prosent.
• minLyd.setMedia("filnavn", "MP3"); - angir hvilke lydfil som skal spilles.
• minLyd.playheadTime - posisjonen til spillhodet i tid.

Styre FLVPlayback-komponenten(video)

• minVideo.play(); - Starter å spille video fra begynnelse.
• minVideo.pause.(); - setter videoen på pause.
• minVideo.seek(tid i millisekunder) ; - går til et bestemt sted i videoen som er angit ved millisekunder.
• minVideo.autoPlay = true; - får videoen til å starte når vi laster inn en ny video.
• minVideo.contentPath = "filnavn"; - laster inn en ny video.
• minVideo.autoRewind = true; - Spoler filmen tilbake til den stopper.
• minVideo.sto(); - Stopper viden.
• minVideo.playheadTime - posisjonen til spillehodet i sekunder.

Bruke tekstfelt.

• Man kan referere til et tekstfelt i koden ved å bruke tekstfelt av typen Dynamic og Input.
• Da må man referere til teksten ved å skrive navnet i
• Må alltid skrive koden i anførselstegn. Eks: minTekst.text = "Hallo, her sitter jeg og blogger";

Variabler

• variabler kan vi lagre verdier og bruke dem om igjen i en kode.
• Nå kommer det et eksempel som inneholder bbilnummer og bruker den i gotoAndPlay-kommandoer:

var nummer = 6;

minMovie1.gotoAndPlay(nummer);

minMovie2..gotoAndPlay(nummer);

minMovie3.gotoAndPlay(nummer);

minMovie4.gotoAndPlay(nummer);

Komponenter.

• Finnes mange ferdiglagde symboler i Flash med ekstra funksjonalitet som kalles komponent.
• Du finner disse under Components-panelet. Komponentene for ActionScript 2.0 er forskjellig fra dem som finnes for ActionScript 3.0

22.09.09 >> Rakett

• I timen i dag da ornet vi med en rakett video.
  
  

1. Man må passe på at man har en videofil som Flash kan importere. Da kan man for eksempel bruke AVI, MOV eller WMV
2. men for å begynne, så må man ha et nytt flash-dokument, og lagre det som videofil.fla.
3. Så går man i File-menyen og velger Import video og merker av for On your computer og velger videofila, så klikker du på next.
4. Deretter merker du av for Progressive download from a web server og klikker på Next.
5. Under Encoding profiles velger du Flash 8 medium Quality (400 kbps). Under Crop and resiz merker du av for resize og maintain ratio slik at man får samme bredde og høydeforhold som orginalvideoen. Også må man angi bredde og høyde slik at de blir mindre eller lik 320 x 240
6. Deretter klikker du på next og velger ArcticExternalAll.swf i lista med Skin. Så klikk på next.
7. Så klikker du på finish. Da vil videoen konverteres og vises i en FLVPlayerback-komponent.
8. Så kan du teste animasjonen og lagre den, og du er ferdig :)

Lese lekse >>Kap. 6

Notater fra leseleksa i kap. 6.

Video i multimedia.

• En video vil som regel inneholde både bilde og lyd og forteller en selvstendig historie.
• Video brukes vanligvis som en del av multimedieproduksjonen og ikke som en dek av brukergrensesnittet.
• Noe man burde være oppmerksom med, det er at på en video kan ta fokuset vekk fra andre viktige elementer i en multimedieproduksjon.
• Video kan også vises på DVD. Og det finnes egne programmer som kan gjøre at vi kan hente inn video, og lage menysystemer og til slutt brenne deb ferdige DVD-plata.
• Video inneholder mye innformasjon og vil dermed gi store filer.

Noen av de vanlige bruksområder for en video er:

• Brukerveilednin og informasjon - for eksempel å vise hvordan man skrifter en lyspære, eller hvordan man utfører ulike funksjoner i et dataprogram.
• Undervisning - for eksempel at en lærer som løser et mattestykke op tavla, eller et opptak av folk som snakker ulike dialekter.
• Underholdning - et videoklipp av morsomme situasjoner og stunt, eller musikkvideoer.
• Nyheter - Nettaviser har mulighet til å vise videoopptak av viktige hendelser.

Teknisk kvalitet og egenskaper.

• Video består av en hel rekke med enkeltbilder som vises raskt etter hverandre.
• Den tekniske kvaliteten er avhengig av pikseltallet i bildene, fargedybden og hvor mange bilder som vises hvert sekund. (Bildehastigheten)
• På samme måte som for lyd kan man regne ut en bitrate for en video. For hvis pikselstørrelsen er 720 x 576, 24 bit fargedybde og 25 bilder hvert sekund, da vil vi få en bitrate på 720 x 576 x 34 x 35 =248.8 Mbit/s.

Komprimering.

• Den bitraten jeg nevnte rett over her, den er veldig høy, og urealistisk i de fleste sammenhengene. For nesten alle videoene blir komprimert med ødeleggende komprimering.
• Denne komprimeringen gjør man med å redusere fargedybden i tillegg til å ta utgangspunktet i forandringene mellom hvert bilde i videoen, og ettersom de flestebildene er svært like de forrige, reduserer vi datamengden dramatisk ved å kun lagre endringen fra bilde til bilde.

De mest kjente måtene å komprimere en video på:

1. MPEG1 - Komprimering av video og lyd er beskrevet i standarder utviklet av en gruppe som kalles MPEG, som står for Moving Picture Experts Group.
2. MPEG2 - Denne er en av de mest populære måtene å lpmprimere på og brukes i DVD-er, satellitt-tv og kringkasting o.s.v.
3. MPEG4 - Er en av de nyere standarene som beskriver flere måte å komprimere video og lyd op og inneholder muligheter for kopibeskyttelse.
4. WMV - Denne er utviklet ac Microsoft og brukes i WMV-filer som kan spilles av i Windows Media Player.
5. DV - denne komprimeringen tar ikke utgangspunktet i forandringer i bilde, men komprimerer hvert bilde i seg selv. Ved å bruke denne, da blir komprimeringen enklere å håndtere og filene blir som regel større.

Codec

• Komprimerer og dekomprimerer videoer.
• Du bør komprimere videoer med en codec som gjør at de flest mulig kan se videoen.
• Eks. - DVD MPEG2 codec.

Videostandarder.

• Europa, Asia, og Australia bruker en video- og tv-standard som kalles PAL. Her er bildehastigheten på 25 Fps, og en vanlig pikselstørrelse er på 720 x 576.
• Mens i USA, Canada og Japan, der bruker de en standard som heter NTSC, hvor bildehastigheten er på 29.97 fps og pikselen er på 720 x 480 piksler.
• Det finnes et annet standard også, denne brukes i Frankrike, og den heter SECAM.
• HDTV(High Definistion television) er noe som har kommet etterhvert med årene, og denne har mye større pikselhastighet. Den ligger som regel på 1280 x 720 eller 192o x 1080. De fleste av dette er flatskjermer.

Forholdet mellom bredde og høyde.

• Den valigste forholdet er 4/3 og 16/9.
• I PAL-standarden brukes det jo 720 x 576 piksler for begge, og det vil si at forholde er op 5/4, og dette er verken 4/3 eller 16/9. Og dette vil si at hver piksel er litt bredere enn den er hly. For 4/3 er dette forholde 16/9 = 1.0667 og for 16/9 er forholde 64/45 = 1.4222.

Interlacing.

• Stammer fra å vise videoer på skjerm med billedrør. For at bilde ikke skal flikke, må skjermen oppdateres raskt og flere ganger enn 25 bilder hvert sekund. For å løse dette, så har de gjort sånn at halve bilder vises 50 ganger i sekundet, der hver halvdel består av annen hver linje.
• Det samme prinsippet blir brukt i de fleste videokameraer. De gjør opptak av halve bilder 50 ganger i sekundet slik at hver halvdel blir litt forskjellige. En fordel med dette er at vi får jevnere bevegelser.
• Progressive bilder er moderne flatskjermer som viser hele bilder. Når vi skal vise en video med interlacing på slike skjermer må to og to bilder settes sammen til ett. Hvis vi gjør dette uten noen videre behandling, da får vi et ''stripete'' bilde. For å gjøre det bedre på kvaliteten må bildene gjennom en prosess som kalles deinterlacing. Da blir de 'stripene forsvinne.
• Den beste kvaliteten på moderne flatskjermer får vi med video uten interlacing.

Filformater.

• De aller fleste filformater er kalt container-formater. Disse kan inneholde både videoer og lyd med forskjellige komprimeringer, men også andre typer data, som for eksepel tekster. MEN ! denne fila kan ikke spilles av uten et annet program som har tilgang til codecene som tolker og dekomprimerer videoer og lyddataene i en fil.
• DV/DIF - Dette formate brukes i videokamera som gjør at opptak på magnetbånd. Har en bitrate på 25 Mbits/s, men har en veldig høy bildekvalitet.
• AVI - Er et eldre og er utviklet av Windows. Formate inneholder video og lyd som komprimerer på flere måter.
• Quicktime(MOV) - Er utviklet av Apple, her er også lyd og video komprimert på forskjellige måter.
• WMN - Er et format fra Windows og som vanligvis bruker en egen WMV.codec.
• FLV - Er et videoformat som brukes i Flash. Blir komprimert med Sorensen eller codec som heter VP6.
• DivX - Bruker egen codec basert på MPEG4, og har blitt svært populær når man skal overføre video på nett.
• MPG/MPEG - Et format som vanligvis bruker MPWG2 eller MPEG1 komprimering.

Opptak og redigering.

• Kjente uttrykk i film og video er scene, shot og klipp. Man pleier ofte å si at man 'skyter' en scene.
• Shot - er et sammenhengede opptak fra start til slutt. Kamera kan enten stå på samme sted eller bevege seg i løpet av shotet.
• Scene - kan bestå av ett eller flere shot og viser en spesiell hendelse.
• Klipp - er et utsnitt av videoen, og brukes ofte uttrykket når en jobber med en video i et videoredigeringsprogram.

Utstyr.

• Kamerar som lagrer magnetbånd i DV-format - Bruker DV komprimering som gir god kvalitet på bilde. En ulempe er at det er kronglete å spole fram og tilbake.
• Kamerar som lagrer på harddisk, minnekort eller brenner direkte på DVD - Bruker som regel MPEG2 komprimering som går litt dårligere bildekvalitet enn DV.

Kamerabevegelser.

• Best å la kamaraet stå stille på et stativ og veksle mellom ulike synsvinkler i shotene, med det er også mulig og rotere kameraet eller zoome inn eller ut for å lage mer bevegelse i bilde.

Videoredigering.

• I noen programmer lagrer man et prosjekt hvor man på forhånd stiller inn hvilke videostandard og hvilke format man ønsker å bruke, og hvordan programme skal tolke de ulike opptakene.
• Hvis man ønsker å ha en video i PAL, og blander inn et klipp som er av type NTSC, vil dette klippe gi dårlig kvalitet.
• Man kan legge på ulike overganger og effekter, men man må pase på å tilpasse dette til innholde.

Bruker video i Flash.

• For å se video i flash så må man konvertere den til FLV-format.
• Gå i File-menyen og velg Import - Import Video. Her kan man velge video fila. Når man lager og tester animasjonen, vil man da vanligvis legge fila lokalt på datamaskinen. Formatene man skal velge mellom er Quicktime, AVI, MPG, DV, og WMV.
• Der velger du hvordan man skal publisere videoen. Hvis man ønsker å streame lyden, så velger man vanligvis Progressive download from a web server.
• Når man har valgt publiseringsmåten, klikker man på Next-knappen.
• I skjermbilde som har kommet opp, kan man angi det kuttet man ønsker. Man kan også velge komprimering, bokmerke, beskjering og størrelse.
• Angi kutt - Du bestemmer hvor mye av videoen man vil ha med i FLV-fila.
• Komprimering - Kan velge hvilke type og hvor mye komprimering man vil ha.
• Bokmerke - Bruker bokmerke for å la brukeren søke seg fram til bestemte steder i videoen.
• Beskjering og størrelse - Man kan foreandre pikselstørrelsen.

Konvertere og lagre videoer.

• Man trykker på Next-knappen når man har valgt skin. Klikk så på Finish. FLV-fila blir lagret på samme sted som flash-dokumentet. Men hver oppmerksom på at konvertering tar tid hvis du ikke har lagret.

FLVPlayback-parametere.

• Man kan forandre FLVPlayback-komponenten ved å velge den og gå i Parameters-panalet. Kan også angi det du ønsker videoen skal begynne å spille.