Brdr. Grimm (Den Lille Rødhætte) Gruppe 13: Rasmus Rolsted, Alexander Lissalde, Misam Anad, Yin Pang http://misam.dk/brdrgrimm/
Storyboard
Storyboard
Sekvensdiagram SPLASH SCREEN/INTRO SCENE 1 (FRAME 3) SCENE 1 (FRAME 4) Lyd: Intro musik Lyd: voiceover - En dag sagde hendes mor til hende Animation: rødhætte på vej væk fra hus Tekst: Brdr. Grimm Den lille rødhætte Animation: Mor mund Lyd + Tekst: Og husk så at sige goddag straks, når nu kommer ind... Event: Knap til start fortælling Lyd + Tekst: Se her, lille Rødhætte, her har du... Animation: rødhætte stopper SCENE 1 (FRAME1 1+2) Anim Stop: Mor mund Animation: rødhætte mund Animation: Start langsom zoom Lyd: Optrappende funky musik Lyd + Tekst: Tryk på tingene for at tage dem med i kurven Event: Klikbare ting til kurven Lyd + Tekst: Jeg skal nok huske det altsammen Anim Stop: rødhætte mund Lyd: voiceover - Der var engang en... Animation: Tingene flyver ned i kurven Animation: Rødhætte går ud af frame Anim Stop: Stop langsom zoom SCENE 2 (FRAME 1) SCENE 2 (FRAME 3) Lyd rødhætte - Åh, det er vel... lyd voiceove - Bedstemoderen boede ude i skoven... Animation start - ulv mund Animation stop - rødhætte mund Lyd og tekst: tryk på Rødhætte for at gå ind i skoven lyd ulv - Godaften, Rødhætte... Animation start - ulv mund Event - Rødhætte klikbar Animation stop - ulv mund Lyd ulv - Se engang de... Animation - rødhætte bevæger sig ind i skoven Animation start - rødhætte mund Lyd ulv - Se engang de... Animation stop - Rødhætte forsvinder ind i skoven lyd rødhætte - Godaften Hr. Ulv... Animation stop - ulv mund SCENE 2 (FRAME 2) Animation stop - rødhætte mund Animation - Rødhætte træder ud af billede... Lyd og tekst voiceover- Rødhætte går igennem den store skov Animation start - ulv mund SCENE 2 (FRAME 4) lyd og tekst voiceover - Rødhætte møder ulven Event - Ulven klikbar Lyd ulv - Og hvor bor din bedstemor? Animation stop - ulv mund Animation start - rødhætte mund Animation Start - ulv øjne... lyd & tekst ulv- Dét er én rigtig lækker lille mundfuld* Animation Stop - ulv øjne frem og tilbage fortsættes
Sekvensdiagram SCENE 3 (FRAME 1) SCENE 3 (FRAME 3) fortsættes Animation Start - Ulven går hen til bedstemors dør SCENE 3 (FRAME 7) Animation Start - rødhætte går i mørk skov Animation Start - Ulven går hen til bedstemors dør SCENE 3 (FRAME 4) Animation Start - Rødhætte går ind i frame til bedstemors seng Lyd voiceover - Hun gik nu ind mellem træerne.. Lyd voiceover: Ulven gik imidlertid... Lyd - Ulven kommer ind i soveværelset hvor bedstemor ligger Animation arop - Rødhætte stopper op Animation Stop - rødhætte går i mørk skov Animation stop - Ulven stopper ved dør SCENE 3 (FRAME 5) Lyd & tekst rødhætte - Goddag bedstemor sikke lange ører.. SCENE 3 (FRAME 2) Event - klikbar dør Lyd - Ulven slugte bedstemor med det samme Lyd & tekst Ulv - Det er for at jeg bedre kan høre, hvad du siger. Animation Start - rødhætte stopper op Lyd: Tryk på døren for at komme ind i Bedstemors hus Animation Start - Ulvens mund lukker Lyd & tekst Rødhætte - Og sikke store øjne du har, bedstemor. lyd og tekst voiceover - tryk på blomsterne for, at lave en buket Lyd bedstemor: Hvem er det? (evt. talebobel fra hus) Animation stop - Ulvens mund Lyd & tekst Ulv - Det er for at jeg bedre kan se dig. Event - Blomster klikbar Animation Stop - rødhætte får blomster i sin hånd Animation Start - rødhætte går ud af billedet Animation Stop - rødhætte ude billede Animation start - ulv mund Lyd ulv: Det er mig, lille Rødhætte... Animation slut - ulv mund Lyd bedstemor: Jeg er så dårlig, at jeg ikke kan stå op... Animation Start - ulven går ind i huset SCENE 3 (FRAME 6) Animation Start - Rødhætte går ind i hus Lyd voiceover - Rødhætte havde plukket en masse blomster.. Animation stop - Rødhætte går ind i hus Lyd & tekst Rødhætte - Men sikke store hænder du har, bedstemor. Lyd & tekst Ulv - Så kan jeg bedre holde på dig. Lyd & tekst Rødhætte - Men, bedstemor, sikken en forfærdelig stor mund du har. Lyd & tekst Ulv - Det er for at jeg bedre kan æde dig, fortsættes SCENE 3 (FRAME 8) SCENE 4 (FRAME 2) SCENE 4 (FRAME 3) Lyd - Ulven slugte Rødhætte med det samme Voice over lyd: Han gik ind i stuen og fandt ulven liggende i sengen. Voice over lyd: De var alle tre meget glade... Animation Start - Ulvens mund lukker Animation start jæger - går ind i huset og ser ulven Animation start: Jæger, bedstemor og Rødhættes silhuetter ses.. Animation stop - Ulvens mund SCENE 4 (FRAME 1) Lyd & Tekst Jæger - Nu har jeg dig endelig din gamle synder!. Animation Start - Jæger mod bedstemors hus Voiceover lyd: Han skulle lige til at skyde den.. Animation Slut - jæger stopper op Animation Start - Jæger går hen mod ulv og skærer ham op Lyd & tekst - talebobel fra hus ZzzzZZzz Lyd & tekst jæger - Det er dog løjerligt,.. Animation Start - jæger går ind i bedstemors hus Animation Slut - Jæger går hen mod ulv og skærer ham op Animation - Rødhætte og bedstemor popper frem ved siden af sengen Animation Slut Lyd og tekst Rødhætte: Nej, hvor jeg var bange..
Wireframes
Kodeeksempel og Forklaring Jquery HTML Forklaring Vi har en interaktion som fungere således at, vi har en kurv som skal fyldes op med to forskellige elementer. som skal aktivere en knap som kan lede en videre i historien. Der er en Div som fungere som modtager og det er div class= kurv, den har funktionen droppable item. Derudover har vi to div er hhs.(div class= vin, div class= kage ), som har funktionen draggable, som har en revert funktion, der tilbagefører divens start position hvis ikke den bliver trukket over i den rette ramme for div en div=class kurv.
FØR Reflektionsafsnit EFTER FØR EFTER Reflektion Vi reflekterede over børnenes reaktioner og deres kritik til vores karaktere i vores opgave. Vi kunne hurtigt konstatere, at der manglede noget mere indhold og nogle flere detaljer der skulle gøre karakterende mere personlige. Efterfølgende rettede vi ind efter det og tillagde nogle flere elementer og detaljer til vores figure.
Yderligere reflektion over Brugertest Vi har arbejdet med fortællingen Den Lille Rødhætte. En fortælling vi vil fortælle mha. stil genren Film Noir, men stadig med et karakterdesign der vil appellere til vores målgruppe. Vi har taget brug af små figurer med store hovedet, små kroppe, ingen ben men fødder, der bevæger sig som et personlig stilpræg. Vi har lagt meget energi i fortællingens udseende, men også funktionalitet. I tide til test af prototype manglede vi en del af det funktionelle i vores interaktive fortælling, men vi havde designet, optaget lyd og få sprites opsat samt navigation mellem scener klar til vores fokusgruppe. Vores formål for at møde vores fokusgruppe og have vores nuværende resultat testet var, at vi var interesseret i hvad deres umiddelbare reaktion og holdning var til vores vores visuelle univers og vores karakterer af vores fokusgruppe. Hvad synes børnene om stemningen, karaktererne og historiens fremgangsmåde? Vores testdeltagere var tre par: Magnus og Liva, Cecilia og Simon og til sidst Ella og Julie. Vi fik en blandet fokusgruppe i forhold til køn men aldersmæssigt var de alle 8 år gamle, mens vores målgruppe var sat på 6-8 år. Da vi mødte vores fokusgruppe var der to af os under mødet, som stillede spørgsmål og noterede. Her spurgte vi blandt andet disse spørgsmål: Hvad var deres reaktion til animationerne? Hvad syntes de om lokationerne? Kan de se hvem de forskellige karaktere er? Er fortæller-stemmen for hurtig? Disse spørgsmål var vigtige for os at få svar på, da vi havde brug for at vide, hvordan vores målgruppe forstår historien. Det var ingen tvivl om, at det var Den Lille Rødhætte og den generelle handling var klar. Lokaliteterne var meget spændende, specielt skoven kunne alle fra målgrupperne lide. Karaktermæssigt var der noget feedback, som vi brugte for at komme videre i vores process. Den feedback vi brugte mest var den om vores onde figur, ulven, som ikke så ond nok ud for vores målgruppe. Den manglede nogle små karaktertræk der gjorde ulven åbenlyst ond, men de andre karakter var meget gennemskuelige som sådan. Stemmemæssigt var stemmen til ulven heller ikke dyb og farlig nok og Lille Rødhættes stemme var ikke lys nok. Der manglede altså lidt flere kontraster i historien med lidt stærkere personlige egenskaber. Ud fra vores brugertest har vi altså lært om hvordan vores målgruppe kunne reagere på design, historiefortælling og karaktere. Da vores proces ikke var nået langt nok hen til, at vi kunne stille spørgsmål til mere af den interaktive del af fortællingen, så har vi taget den feedback, vi fik fra vores fokusgruppe til os. Vi har lysnet og ændret stemmer, vi har ændret på nogle miljøer og gjort vores ulv mere styg og uhyggelig med hjælp af røde øjne i stedet for gule øjne f.eks. Det er vigtigt for os, at målgruppen føler, at de kan placere vores karaktere et bestemt sted i vores historie - altså hvem der er ond, hvem der er god og hvad hver deres mål er. Herfra vil vi arbejde med en masse lydeffekter, baggrundsmusik og blinkende knapper, da vi fælles i gruppen blev enige om, at der manglede flere underholdende detaljer i vores historie. Alt dette blev reflekteret og diskuteret efter vores test af prototype.