Koding

Etter høstferien, gikk vi igang med den nye boka. "Programmering i ActionScript 3.0" Etter litt om og men, kom jeg meg frem til hvordan jeg skulle tegne forskjellige figurer i Flash, og jeg laget meg en kode for å tegne et rektangel, med avrundede hjørner. Sort kant og blått fyll;

graphics.lineStyle(2, 000000, 1);
graphics.drawRoundRect(40,40,200,200,10,10);
graphics.beginFill(0x000ff);
graphics.moveTo(40,42);
graphics.lineTo(239,39);
graphics.lineTo(239,239);
graphics.lineTo(42,239);
graphics.lineTo(42,42);
graphics.endFill();



Etter litt om og men kom jeg meg frem til at dette fungerte, men jeg satte delene "graphics.lineTo" i forskjellige rekkefølger før jeg fikk til å fylle firkanten. Jeg kom frem til at man må starte i et hjørne, og jobbe seg med, eller mot klokken, via alle hjørnene. Det jeg gjorde først, var å sette hjørnene i random rekkefølge, og da fikk jeg fyllet til å se ut som et timeglass.

Rakett fra WMV til Flash

I går brukte jeg hele timen på å prøve å konvertere en rakett vi fikk av Staale fra .WVM til .FLV - hvilket var totalt bortkastet! Jeg prøvde alt, fra VLC til MPClassic og programmer jeg aldri har hørt om. Men det viste seg at det vi trengte var å installere Apples QuickTime, og importere filmen i Flash som en WMV-fil. I dag fikk jeg installert QuickTime, fordi det kom en IT-kar og gav oss admin-rettigheter, så gikk det som smurt. Jeg bare stillte inn på størrelsen, så den passet til instruksjonene vi fikk på side 118, og lastet den opp på deviantart.com. Veldig enkel og grei oppgave, som lignet veldig på det vi har hatt tidligere.

Her er resultatet.


Rocket by ~Owidestam on deviantART

Notater Video

Teknisk kvalitet - pixelantall, høyde og bredde.
Fargedybde - hvor mange farger hver pixel kan ha. Fler farger - større fil.
Antall bilder per sekund. Jo fler, bedre kvalitet - men større fil.
Velge alt dette ut i fra hvor du skal bruke det til. F.eks - podcast, ikke like bra som i en TV. Unødvendig, tar ekstra plass.

bitrate
piksel x fargedubde x bilde pr sekund
eks:
720 x 576 x 24 x 25 = 248,8 Mbit/s

Komprimering - MPEG- 1
Gammel standard. Lyd i MP3, bilde for dårlig
MPEG-2 DVD. Ser ikke bilde per bilde. Man ser bare bevegelse, ikke bilde for bilde. mest brukte.
MPEG-4
DivX (streaming på nett) QuickTime(småfilmer på nett) BlueRay(forholdsvis nytt format) HD_DVD.

WMV av og for Microsofts Windows.

Sorensen - en VELDIG gammel måte å komprimere på. Brukt før QuickTime

DV - videokamera med kassett.

Codec - programmer som komprimerer eller dekomprimerer filer (som filmer) brukes i mediaspillere, så de skjønner hva filen inneholder.

DVD'er har MPEG-2 codec.

Videostandarder
PAL 720 x 576 piksler (stort sett hele Europa med unntak av Frankrike)
NTSC 720 x 480 piksler (USA, Frankrike)

Bredde og høyde
Gammel standard, TV-signaler som ble sendt av 4/3, nå er det 16/9. En PAL-TV er 5/4, hvilket ikke er det samme, så man blir litt tykkere på TV

Filformater
.DV- DV tape.
.AVI
QuickTime (.mov)
WMV
MPEG

Opptaksmåter på kamera - DV-tape eller Harddisk.

Spørsmål på side 104 i Multimedieutvikling i Flash CS3

1. Et eksempel på feilaktig bruk av lyd er blogger, eller nettsider, hvor eieren eller administratoren har lagt til lyd, som ikke kan skrus av. Dette kan til tider være ekstremt irriterende, og eventuelt slitsomt. Enda mer irriterende og / eller slitsomt er det hvis det er flere lydkilder som spilles av etterhvert som man navigerer rudnt på siden. Andre eksempler kan være f.eks internettsider designet for barn, med multimedia hoppende rundt på skjermen, med masse lyd hver gang man trykker på en knapp. Dette kan kanskje være morsomt for en 4 - 7-åring, men barn/ungdom som er eldre enn dette vil muligens synes at det er slitsomt eller irriterende. Samtidig er de jo som oftest designet nettopp for barn, så hva voksne og ungdommer synes er muligens urelevant.







2. Hvis vi skal forklare hvordan man kan konvertere lydbølger inn til


digital lyd, må vi ta for oss en lydbølge, som beveger seg i luften. En mikrofon, tar da prøver av lydbølgen, på forskjellige steder, med intervaller på så og så lang tid. Disse prøvene vil da bli satt sammen til å danne et bilde av hvordan lyden hørtes ut, for å gjenkonstruere lyden mikrofonen oppfattet. Dette skjer ved at de prøvene (samples) blir satt sammen i riktig rekkefølge og gjennspeiler lyden. Jo fler prøver som blir tatt, jo bedre blir dette bildet, og jo bedre blir da kvaliteten på lyden. Lyden blir så konvertert til tall, som blir lagt i en tabell. En CD med formatet .CDA (Det formatet du vil få om du kjøper en CD på f.eks Platekompaniet) vil ha en sample rate på 44100. Dette vil si at det er 44100 samples per sekund.



3. Nei, dette er fordi en billig mikrofon ikke vil ta opp nok samples fra lyden (stemmen din) til å bli "proff". En bedre mikrofon, eventuelt en dyr mikrofon, ville vært mye bedre for å ta opp "proff" lyd.

4. Man bør bruke filformatet .mp3. Det kommer av at mp3 er ca 1/10 av en .wav-fil i størrelse, men den er ikke så mye dårligere av kvalitet. Dette kommer av at man bruker koder til å programere samplesene, og ikke skriver hver eneste en i tabellen. Men setter f.eks x+1, hvilket bil bety at den er 1 større enn den forrige samplen, hvilket kan gjøres om og om igjen.

5. Her skulle man legge til lyd på animasjonen i kapittel 4 (Fotballen) og her er resultatet, på deviantart.com -

http://fav.me/d2a08zb



6. Her skulle vi legge til lyd til oppgaven vi gjorde i kapittel 1, hvilket er mer eller mindre akkurat den samme oppgaven. Med unntak at vi må passe på at lyden er synkronisert med start, og forskjellig lyd til forskjellige bilder, det vil si at vi må anpasse lydlengden til bildene, hvilket ville blitt litt mer arbeid, men jeg er komfortabel med at jeg hadde fått det til. Jeg unnlater å gjøre den, fordi jeg ligger litt etter og vil fortsette med raketten i stede.

Fottis!

Den neste oppgaven vi fikk, mens de fleste i 3. klasse var på tur, var å animere en fotball - som spretter. Dette er beskrevet på side 88/89 i IT2 - Multimedieutvikling i Flash CS3. Jeg synes faktisk dette gikk overraskende lett, når jeg først hadde importert en fotball som et bilde, og skulle animere denne. Derfor ordnet jeg det slik at ballen ikke bare spratt, men også fikk gikk mot skjermen og sprakk den opp, som om det er en kameralinse som sprekker.





Det øverste laget jeg laget kalte jeg vindu, og var helt blankt frem til den 19. framen. Derfra ser du sprekkene i dette laget.





Det neste laget kalte jeg gress, og det er det samme hele veien, med gresset som ligger stille.



Det tredje og nederste laget er ballen. I den første framen er ballen utenfor scenen. I den 7. framen roterte jeg ballen ca 150 grader og dro den ned til bakken, samtidig som jeg forstørret den. Dette førte til at den ser ut som om den skrur samtidig som den kommer nærmere. Frem til den 19. framen skrur ballen fortsatt og blir en god del større, hvilket gjør at det ser ut som om den kommer helt opp mot deg. Nå er den også så nærme at den treffer kameralinsen, eller vinduet, og sprekkene kommer frem i det første laget som jeg kalte vindu. Mellom den 19. og 34. framen fikk jeg ballen til å fortsette å bli mindre, forsvinner bort.



Snorre har forresten løst problemet med å laste opp ferdige animasjoner til blogspot.com! Vi ekporterer dem som .gif (animated) og får et bilde i stede for en film, dette gjør at blogspot plutselig godtar animasjonene våre. Takk, Snorre!

Her kan du se animasjonen:

Mygg, mygg over alt...

På fredag, og i dag (mandag) har vi brukt tiden på å lage en mygg, som beskrevet på side 86-87 i "IT2 - Multimedieutvikling i Flash CS3". Dette gikk egentlig fint, men jeg surra litt med å få fargen til å bli en gradientfarge, og få vingene gjennomsiktige. Men hvis jeg ser bort i fra det, så synes jeg faktisk det gikk fint. Resten av timen på mandag gikk til å animere myggen langs en linje, som beskrevet på side 91 i samme boken. Jeg gjorde dette en del ganger, for å få det til å fungere. Men, etter tre forsøk på å få dette til å funke fikk jeg det til. Men jeg er ikke helt sikker på om jeg hadde fått dette til uten å bruke inskruksjonene i boken.

Her er myggen jeg laget:

og link til animasjonen: http://owidestam.deviantart.com/art/Musquito-136323578

(Denne fungerer av en eller annen grunn bedre i nettleserene Mozilla Firefox eller Apples Safari enn i Microsoft Internet Explorer. I MIE vil den kun følge animasjonen en gang, mens i de andre nettleserene vil den være kontinuerlig)

Tekst.txt

Hvordan skal du sette sammen alle de forskjellige elementene og mulighetene i et tekst-dokument for at det skal se bra ut?

- det kommer an på hva du skal bruke dokumentet til.

Skrifttyper, også kalt fonts bestemmer hvordan bokstavene skal utformes visuelt. Det finnes mange typer skrifttyper, noen passer bedre til overskrifter, mens andre passer til brødtekster. Til høyre ser du noen skrifttyper som vil passe som overskrifter, dersom du vil pynte litt på teksten du skriver. Disse vil aldri bli veldig anvendelige som en brødtekstfont - de er for vanskelige å lese! Fonten jeg bruker til å skrive på bloggen er derimot lett leselig, og vil være mye mer anvendelig i denne sammenhengen.

Legg merke til hvaslags font som er brukt i programmer som Photoshop, Dreamweaver, Safari og iTunes. Du vil aldri komme over fonter som likner på dem som jeg har til høyre her - de er vanskelige å lese, dersom du skal lese mer enn kun ett ord og vil bli vanskelige å navigere og arbeide med.

Størrelsen på tekst måles i punkter, som er 1/72 av en tomme som er ca 0.05 cm. I tillegg brukes måleenheten pica som er 12 punkter, eller 0,65 cm. En brødtekst som vises på skjermer har som oftest 9-13 punkter, for at den skal være lett leselig. Blir teksten mindre blir den vanskelig å lese, og blir den større blir det for få ord per linje til at lesingen blir effektiv nok. Vanligvis er det 50-75 tegn per linje som gjør at lesingen blir mest effektiv.

Linjeavstand kalles leading og uttales "ledding". Ordet kommer fra gammelt av, når man satte inn ekstra bly (lead på engelsk) mellom hver linje. Linjeavstand på 0 gjør at linjene akkurat får plass under hverandre uten at de krasjer, men ofte kommer det et lite mellomrom mellom dem, som skrifttypen eller fonten avgjør. Vi måler linjeavstanden i hvor mange punkter vi legger til eller trekker i fra fra 0. Som oftest angir vi bare en faktor av 0-avstanden, f.eks enkel eller dobbel. Dvs at vi i stede for å sette inn f.eks 9 punkter setter inn 2, hvilket da er 2 ganger så mye som 0-avstanden.

Tegnavstand (kerning) angir avstanden mellom tegnene i teksten. Som oftest inneholder fonten informasjon som sier hvor stor avstanden skal være mellom forskjellige tegn. Det er f.eks behov for mindre plass mellom tegnene V og A (VA, som får negativ tegnavstand, fordi V'en overlapper A'en) enn V og W (VW hvor vi ser at avstanden må måles mellom slutten på V og starten på W)

Man kan Justere teksten som man vil, men som oftest vil man at teksten skal starte på samme sted hver linje, slik at det blir letter for øyet og følge med på hvor man er i teksten, når den leses. Derfor bruker vi venstrejustering når vi skriver i f.eks Microsoft Word. Blokkjustering gjør som oftest teksten mer lesbar, spesielt når vi bruker fler kolonner, som f.eks i aviser. Dette har også noen bakdeler, det vil si at avstanden mellom ordene må varieres, og det kan dannes "elver" i teksten, som tar fokus bort i fra det som faktisk står der.

Filformater og Overføring:

Ren tekst kan som regel kopieres og limes inn frem og tilbake vìa forskjellige programmer. Det varierer da hva du får med av informasjon som linjeavstand, skrifttyper og justering. Noen programmer kan også hente inn skrift fra andre programmer og filtyper, ved å opne filen i det nye programmet, men dette er ikke alle. F.eks så har jeg erfaringer med at Microsoft Word ganske kresent på å opne andre typer filer, mens WordPad opner mer eller mindre hva som helst, inkl. programerte filer.

Rene tekstfiler (.txt)
Disse er tekstfiler uten noe informasjon om skrifttyper, justering, linjeavstand eller noe i den stilen. Denne teksten kan ha ulik koding, hvilket betyr at det er forskjellig hvilke tall eller bitkombinasjoner i datamaskinen som tilsvarer hvilket tegn. En tabell over tall og tegn kalles en Code page
ANSI, heter code pagen som er mest brukt i Windows. Hvert tegn er her kodet med 8 bits, hvilket vil si at vi kan velge mellom 256 tegn. Etter hvert som teknologien har utviklet seg, har det blitt behov for fler tegn enn alfabetet og tallene, så dette er ikke så unødvendig som det kan virke som. I tillegg har vi nå fått innført en standard code page som heter unicode som kan inneholde 100 000 tegn, dette er fordi vi ønsker å få med tegn som ikke bare er det latinske alfabetet, men også bl.a kinesisk og arabisk.

Isbjørner...

I timen på fredag laget vi en isbjørn, som vist på side 57-59 i læreboken om multimedieutvikling i Flash CS3. Dette gikk egentlig ganske fint, men den første delen i punkt 7 (bruk selection tool og velg alle objektene ved å dra et vindu rundt dem. Høyreklikk på et objekt og velg break apart i menyen som dukker opp) bød på problemer, for jeg fikk ikke opp noe valgmulighet som het "break apart". Men etter litt "trial and error" så gikk dette også fint. Det jeg tror jeg kunne gjort bedre med min isbjørn er eventuelt å ha fjernet litt fler knutepunkter (som nevnt i punkt 9 i walkthroughen) for å få et litt mer avrundet ansikt på bjørnen. Men - etter å ha slettet halve bjørnen fler ganger når jeg tok vekk feil knutepunkter ble forsøkene på å finne de som var unødvendige ganske trøttende så jeg gav opp. I tillegg til dette er jeg smått misfornøyd med frembena på bjørnen. Disse kunne enten vært tynnere, eller kortere for å likne mer på en ordentlig isbjørn. Øynene og kurvene som representerer beina opp i selve kroppen på bjørnen er vel misdannede, men det var vanskelig å få til å tegne i flash da programmet bare "rettet opp i" tegningene mine og laget enten rette streker eller kurver som ikke jeg ville ha.
Fargen er jeg derimot relativt fornøyd med, den kunne kanskje vært litt mørkere nederst, og litt lysere på toppen, men gitt at det er min første tegning i flash CS3, har jeg nok av tid å lære på.

Når denne skulle lastes opp fant vi samme problemet som tidligere, med at bloggen ikke vil ha Flash-filer. Men - nå har vi jo lært litt om forskjellige filformater, så jeg tok .fla filen på skrivebordet, høyreklikket og trykte convert to .pdf, deretter tok jeg .pdf-filen og konverterte til .jpg. Dette løste i allefall mitt problem med å laste opp fila.

Her er isbjørnen jeg tegnet:

IT 24/25.8

24. August var vi på datarom for første gang, vi gikk i gang med flash (CS3). Å finne ut hva man skulle lage som animasjon ble litt vanskelig, men jeg endte med å ta en Cyanide and Happiness stripe og dele den i Fotoshop, for så å legge hvert bilde i sin egen frame i Flash. jeg hadde litt småproblemer med å få det her til i starten, men med litt hjelp gikk det fint. Å finne musikk var heller ikke så lett, men å ta Bart Simpson's skole-sang (Bart's Marching Song) hvor han synger om forskjellige fag, fant jeg ut at kunne være passende - det er jo skolearbeid.

Når filen skulle lastes opp traff jeg på problemer - bloggen ville ikke godta .swf filen som flash filmen lå i. Dette førte til at vi måtte finne en annen måte å få opp animasjonen på nett. Det endte med å laste opp filmen på en annen nettside (deviantart.com) for så å linke til den inn i bloggen. Jeg har eksperimentert meg fremover for å prøve å embedde den rett inn i bloggen, så du slipper å bytte nettside for å se den - men så langt har jeg ikke lykkes. Kanskje vi lærer mer om dette når vi starter med actionscripting og html-koder.


Her er da flash-animasjonen jeg laget:


Cyanide and Happiness by ~Owidestam on deviantART

Den er jo selvfølgelig ikke helt perfekt, men å starte med 6 simple bilder og legge et nytt layer med musikk over er jo en relativt god start.
Oscar

Forventninger til IT2 og et kort sammendrag av den første forelesningen

For å være helt ærlig vet jeg ikke helt hva jeg skal forvente av IT, men første timen var relativt forvirrende, i og med at vi i 2. klasse dumpet inn i en klasse med 3. års elever. Jeg valgte jo IT fordi det virket interressant, og det er dermed selvfølgelig en av forventningene til faget. I tillegg ønsker jeg jo å få bruk for det jeg lærer, hvilket jeg allerede kan få - med tanke på blogging. Hvis jeg noen gang skal blogge siden, har jeg i allefall lært det!

Per dags dato har vi ikke fått bruke PC under IT-undervisningen, hvilket fører til forelesninger og forrige gang lærte vi om grafikk:

Punktgrafikk er bygget opp av pixler i et rutenett. Se for deg en rad med fotballmål som står ved siden av hverandre. Hvert mål har sin egen farge, og danner i samband med hverandre et bilde på en skjerm. Pixler måles per tomme, etter amerikanerne, litt rart å jobbe med tommer, men det går jo fint. Jo fler pixler per tomme, (ppi) jo høyere oppløsning vil du få. Det er mange som tror at du ved å forstørre et bilde, og beholde pixelmengden vil du få samme oppløsningen på bildet, og det vil ikke bli kornete - men dette lærte vi er feil. det eneste som skjer, er at fler pixler har samme farge - så du vil kanskje ikke se kornene (det glemte jeg å spørre om) - men du vil ikke få samme oppløsningen.

Vektorgrafikk er matematisk utregnet grafikk - hvordan det regnes ut har jeg i allefall ikke peiling på, men noe må man vel bare akseptere, antar jeg. Hovedfordelen med vektorgrafikk er at du ikke bruker pixler! Det vil si at du ikke trenger å bekymre deg for å forstørre eller formiske bildet, for oppløsningen er akkurat den samme. Programmene vi kommer til å bruke på kurset tegner i vektorgrafikk, så gjør jo den saken lettere!

Filformater:

.JPEG: Dette er et format som er en komprimert raw-fil. Det er den mest brukte komprimerte-filtypen for fotografier tatt med kamera. .JPEG filer er ofte komprimert til 10:1, og dette uten noe spesielt synlig tap av kvalitet på bilet. Det er to typer .JPEG som ofte blir brukt - .JPEG/Exif, mest brukt fra digitale kameraer. Dette er da filen som du kan laste opp på PC'n etter at bildet er tatt, og .JPEG/JFIF, som er mest brukt for å lagre biler og deling på internett. Det er sjelden at folk ser forskjell på disse, så de blir som oftest bare kalt .JPEG begge to.

.GIF (Graphics Interchange Format) er et format som støtter færre farger enn .JPEG. .GIF filene støtter kun 256 farger, 8bits pp. Disse filene blir små (tar lite plass på PC, CD, DVD) og blir ofte brukt på internett, på grunn av generelt god støtte av filtypen på nettet. Fil-typen kan animeres, hvilket gjør at den kan ha 256 fager for hver ramme (frame) som animasjonen viser. Har man da 12 fps, vil man kunne vise 256x12 farger per sekund. Denne filtypen er sjelden brukt til å komprimere fotografier fra foto kameraer eller telefoner pga den lave fargedybden.

.PNG (Portable Network Graphics) ble utviklet for å ta over for .GIF når det kommer til å komprimere bilder. Fil typen har en fargedybde på 24-bit RGB (Red-Blue-Green-Fargemodellen, http://en.wikipedia.org/wiki/RGB_color_model) PNG-fil typen ble designet for å kunne overføre bilder på internett. Ikke for prof-kameraer, som .JPEG-filen.

.RAW filer er en bildefil som enda ikke har blitt komprimert eller redigert på noe som helst måte - den kommer rett i fra linsa på f.eks et digitalt kamera. Overfører man en .RAW-fil til en PC, må man "fremkalle" den, som i et mørkerom med gamle filmer. Dette kan gjøres med spesielle programmer som arbeider med "wide-gamut internal colorspace" her kjører programmet veldig grafisk presist, og vil miste veldig lite informasjon når det komprimeres (som oftest til 10:1) til .JPEG eller .TIFF. Når dette er gjort kan man redigere og manipulere bildet som man selv vil.

Kilder: wikipedia.org (/wiki/Raw_image_format) (/wiki/.PNG) (/wiki/.GIF) (/wiki/.jpeg)

Oscar

Første time med IT

Nå har vi hatt første time, og vi ble enige om å lage en blogg som skal vurderes. Jaja, jeg har ikke blogget før, så dette kan bli interressant.