1
Ontwerpdocument Torben Fischer - CICA LB - #489096
Inhoud, VERHAAL
3
Inhoudsopgave
Verhaal
Verhaal....................................................................................3
Jim wordt ’s middags wakker in zijn appartement in het centrum van Detroit. Hij is triest. Zoals eigenlijk elke dag. Er is eigenlijk niks meer waarvoor hij elke dag opstaat.
Stijl, Inspiratie.......................................................................4
Twee jaar geleden heeft hij zijn baan verloren, nadat hij bij een arbeidsongeval gewond was geraakt en daarna niet meer kon werken. Na een lange tijd in de rolstoel en maandenlange behandeling met pijnstillers en fysiotherapie kond hij eindelijk weer lopen. Omdat het voor hem niet meer mogelijk was te werken begon hij te drinken en is aan alcohol verslaafd geraakt. Vanaf daar bestond zijn leven eigenlijk nog maar uit twee dingen. Televisie en Whisky. Als gevolg daarvan kwamen er elke dag weer ruzies met zijn vrouw op omdat Jim alleen nog maar in zijn leenstoel zit en niks meer met haar hun zoon deed. Nadat zijn vrouw hem heeft verlaten en met zijn zoon naar de andere kant van Detroit is verhuisd is de wereld voor Jim alleen nog maar zwart en wit. Het enigste waarvan hij een beetje blij wordt is dronken te worden.
Storyboard intromovie......................................................5 Storyboard applicatie........................................................6 Flowchart en Realisatie.....................................................7 Karakters................................................................................8 Vormgeving Scenes.........................................................10 Scenebeschrijving en Assets........................................13
Maar vandaag is iets anders, Jim wil de kleur weer terug hebben in zijn leven. Hij wil niet meer alleen zijn. Jim wil de wereld weer zien zoals ze is, kleurvol en mooi. Daarom wil hij proberen om zijn vrouw ervan te overtuigen weer naar hem terug te komen. Hij wil dat zijn vrouw hem vergeeft. Hij gaat dus naar buiten en koopt bij de florist om de hoek bloemen, stapt in de metro en rijdt naar de nieuwe adres van zijn vrouw toe. Hij tikt tegen de deur een zijn vrouw opent de deur. Hij gaat op de knie en verontschuldigd zich bij zijn vrouw en geeft haar de bloemen. Zijn vrouw komt naar hem toe en omarmt hem. Ze geeft hem een kus en opeens komt de kleur weer terug in zijn leven. Nu meer dan ooit. Hij is weer blij. Zijn leven heeft weer een zin.
Stijl, Inspiratie Stijl De opdrachtstelling was om een Flash applicatie met gevonden voorwerpen te realiseren. Omdat ik al voor het vak Immersive Space een Schaalmodel uit karton moest knutselen kreeg ik het idee om de applicatie vor CICA ook compleet uit karton te vouwen, te lijmen en te knippen. Uit alle gemaakte objecten kan ik vervolgens de scenes van mijn verhaal opbouwen en daarvan een foto schieten. Omdat het doel van verhaal is om de karakter te helpen zijn plezier aan het leven weer te vinden was mijn idee om de applicatie in zwart-wit te maken. Des te verder de gebruiker dan in het verhaal komt, des te meer kleur krijgt de omgeving. De kleur staat hierbij voor de blijheid van de karakter. Mijn karakter, intromovie een sommige objecten in de wereld ging ik eerst schetsen een aansluitend in Illustrator tekenen. De applicatie is dus een mix uit foto‘s en Illustrator tekeningen.
Moodboard
immsp schaalmodel
Storyboard intromovie intromovie Om de gebruiker het verhaal van mijn applicatie duidelijk over te brengen en om uitleg erover te geven, waar hij zich bevindt een wat het doel van mijn applicatie is heb ik ervoor gekozen om een korte intromovie to animeren. Deze heb ik in Illustrator getekend en vervolgens in Flash geanimeerd.
Uitleg In het begin is Jim, de hoofdpersoon van het verhaal op zijn werk te zien en er gebeurt een arbeidsongeval. Een zware box valt van de kraan op Jim af en Jim wordt gewond geraakt. Daarna komt de volgende scene in beeld. Nu is Jim gewond in het ziekenhuis te zien. Zijn vrouw en kind zijn op bezoek. In de volgende scene rolt Jim met een rolstoel door het beeld. Hij is op de weg naar huis. De volgende scene laat Jim in zijn woonkamer zien en hij heeft ruzie met zijn vrouw, omdat hij allen nog dronken aan het televisie kijken is. Naar de tweede ruzie in de volgende scene wordt hij daarna van zijn vrouw verlaten en deze neemt de meeste spullen uit de woonkamer mee. Dit is de overgang naar de eigenlijke applicatie.
storyboard
5
storyboard applicatie applicatie
Uitleg Jim staat in zijn woonkamer en ziet er triest uit. Het liggen lege whiskeyflessen op de grond en de woonkamer is in een slechte toestand. De gebruiker kan Jim in deze scene verschillende acties laten uitvoeren. Zoals televisie kijken of het huis door de deur te verlaten. Als Jim het huis verlaat, dan komt hij in de volgende scene op de straat voor zijn flat te staan. Ook hier kan de gebruiker uit verschillende acties kiezen. Door en klik op de ingang naar de metro komt de gebruiker naar de volgende scene. In de metrostation kan de gebruiker op een kaart verschillende eindbestemmingen kiezen en Jim stapt vervolgens in de trein. Eindanimatie Afhankelijk van de keuzes die de gebruiker in metrostation heeft gemaakt, krijgt hij een andere animatie te zien. Kiest de gebruiker niet de goeie trein, zo raakt Jim zijn weg kwijt. Kiest hij wel de goeie trein maar heeft hij in scene 2 geen bloemen gekocht, dan komt hij wel bij zijn vrouw maar ze is nog steeds boos op hem. Als de gebruiker wel ervoor heeft gekozen om bloemen te kopen, zo is het doel van de applicatie bereikt. Jim en zijn vrouw hebben geen ruzie meer. In de loop van de applicatie krijgt de gebruiker steeds hints te zien en te horen om de juiste keuzes te maken.Ook als hij de verkeerde keuze heeft gemaakt, heeft hij nog steeds de mogelijkheid om het ‘Happy End‘ te vinden.
eindanimatie
Flowchart en Realisatie
7 Realisatie
karakter Jim
animatie
Karakter Greenscreen
9
vormgeving scenes
Uitleg Interactie en GUI De perspectief is de derde persoon en de gebruiker kan doormiddel van Point-and-Click door mijn applicatie navigeren. Omdat uit mijn resultaaten van de testrondes bleek dat een navigatie in een compleet zwart-witte wereld veel verwarring en onduidelijkheid obrengt, is het gelijk vanaf het begin in de eerste scene een mix uit zwart-wit en een beetje kleur geworden. Alle objecten die voor de gebruiker en het verhaal van belang zijn, zijn dus vanaf het begin al een beetje ingekleurd, zodat de gebruiker deze makkelijk kan vinden. Verder kan de gebruiker in de loop van het verhaal verschillende dingen (onder ‚Scenebeschrijving‘ beschreven) verzamelen die meer informatie over de weg naar de eigenlijke eindscene geven. Om het de gebruiker zo makkelijk mogelijk te maken worden alle gevonden dingen in een inventaris in de hoek links-boven in de applicatie opgeslagen en kunnen op elk moment van de applicatie weer teruggezien worden.
vormgeving scenes
11
vormgeving scenes
Scenebeschrijving en assets Scene 1
13
4. Papier
Sfeergeluiden
Objectgeluiden
Objecten
Vogelgefluit Trein rijdt langs Autos rijden langs
Televisie gaat aan Televisie ruist Ratelen van box Papier knettert Deur knarst Voetstappen
Jim Deur Televisie Box Papier Papier inventaris
1. Deur Actie
Gebeurtenis
Gevolg
Gebruiker klikt op deur.
Jim loopt naar de deur toe, opent de deur en verlaat de ruimte. De deur sluit.
Overgang naar de volgende Scene.
Actie
Gebeurtenis
Gebruiker klikt op papier.
Het papier komt groot in het midden van de scherm te staan en de adres is daarop te lezen.
Papier Inventaris Actie
Gebeurtenis
Gebruiker beweegt de muis over het papier.
Het papier komt groot in het midden van de scherm te staan en een adres is daarop te lezen.
2 4
2. Televisie Actie
Gebeurtenis
Gebruiker klikt op televisie.
Jim loopt naar de televisie toe, draait de gebruiker de rug toe en begint televisie te kijken.
3. Box Actie
Gebeurtenis
Gebruiker klikt op box.
Jim loopt naar de box toe en er valt een papier uit de box op de grond.
1 3
Scenebeschrijving en assets Scene 2
4. Bloemenwinkel
Sfeergeluiden
Objectgeluiden
Objecten
Vogelgefluit Vliegtuig Sirenes Trein rijdt langs
Deur knarst Kassa Mensen praten Barmuziek Tapkraan Slikken Voetstappen Skateboard rolt
Jim Café Bloemenwinkel Metrobord Skateboarder Papier inventaris Bloemen inventaris
Actie
Gebeurtenis
Gevolg
Gebruiker klikt op Flat.
Jim loopt naar zijn flat toe, opent de deur en stapt in. De deur sluit.
Overgang naar de vorige scene.
Actie
Gebeurtenis
Gevolg
Gebruiker klikt op Metrobord.
Jim loopt naar de ingang van de metro toe en gaat de trap naar beneden
Overgang naar de volgende Scene.
Actie
Gebeurtenis
Gevolg
Gebruiker klikt op Café.
Jim loopt naar de Café toe, opent de deur en stapt in. De deur sluit. De gebruiker hoort Jim bier drinken en vervolgens stapt Jim weer op de straat.
De omgeving krijgt voor korte tijd een beetje meer kleur.
1. Flat
2. Metrobord
3. Café
Actie
Gebeurtenis
Gebruiker klikt op Bloemenwinkel
Jim loopt naar de Bloemenwinkel toe, opent de deur en stapt in. De deur sluit. De gebruiker hoort Jim bloemen kopen, de deur opent en Jim staat weer op de straat.
Papier Inventaris Actie
Gebeurtenis
Gebruiker beweegt de muis over het papier.
Het papier komt groot in het midden van de scherm te staan en een adres is daarop te lezen.
1
3
5. Bloemen Inventaris Actie
Gebeurtenis
Gebruiker beweegt de muis over de bloemen.
De bloemen komen groot in het midden van de scherm te staan en op een kaartje is Jim‘s excuus te lezen.
5
skateboarder Gebeurtenis De skateboarder (Greenscreenkarakter) rijdt de straat langs.
2
4
Scenebeschrijving en assets Scene 3
15
Papier Inventaris
Sfeergeluiden
Objectgeluiden
Objecten
Treinmededelingen op luidspreker Trein rijdt langs
Treindeur sist Trein piept Trein vertrekt Trein remt
Jim Trein Kaart Papier Inventaris Bloemen Inventaris
Actie
Gebeurtenis
Gebruiker beweegt de muis over het papier.
Het papier komt groot in het midden van de scherm te staan en een adres is daarop te lezen.
Bloemen Inventaris
1. kaart Actie
Gebeurtenis
Gevolg
Gebruiker klikt op kaart.
Jim loopt naar de trein toe, de deur opent en Jim stapt in. De deur sluit.
Overgang naar de volgende Scene
Actie
Gebeurtenis
Gevolg
Gebruiker klikt op straat.
Jim loopt uit het beeld en komt weer terug op de straat te staan.
Overgang naar de vorige scene.
Actie
Gebeurtenis
Gebruiker beweegt de muis over de bloemen.
De bloemen komen groot in het midden van de scherm te staan en op een kaartje is Jim‘s excuus te lezen.
1
straat
2. trein Gebeurtenis Nadat Jim is ingestapt, rijdt de trein weg
2
16