*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

Immersive SpaceSanta’s Journey

Mark vd Veer11-01-2012

*** *

*

*

**

Immersive Space

Een Immersive Space is een virtuele, interactieve wereld waar een gebruiker in kan duiken, en helemaal in onder kan gaan.

Het is één van de snel opkomende en dominante vormen van nieuwe media, de media die op computers zijn gebaseerd. Een Immersive Space is een complexe vorm want daarin maken beeld en geluid, navigatie en interactie samen een ervaring (user experience) mogelijk. Een ontwerper bedenkt de wereld waarin die ervaring plaats heeft en geeft die wereld vorm. Het ontwerpen van een wereld gebeurt ook in verwante disciplines als film, theater of architectuur.

Deze periode is het de bedoeling dat er een interactieve Immersive Space in de vorm van een Flashmovie gemaakt wordt, bestaande uit tenminste drie stages/ locaties. Deze movie zijn voorzien van een titelscherm als intro en eventueel een aftiteling. De movie moet vanuit een icoon gestart kunnen worden. In een ‘stage’ kan de gebruiker animaties starten, daarop attent gemaakt door de ontworpen ‘hints’. De gebruiker kan vrij navigeren door de ‘sets’, scrollen, de movie starten, beëindigen en opnieuw starten zonder tekstuele uitleg in beeld, iconen of abstracties zoals pijlen e.d.

De movie communiceert een origineel en individueel standpunt van de maker ten opzichte van het onderwerp, gebaseerd op eigen verdieping, verkenningen of onderzoek.

* *** *

* **

*

* *

40 vragen

In welke, wat voor een, wereld zijn we? Een kerstwereldWat zien we? In ruimte 1 zie je sneeuw en een sneeuwpopIs het een wereld die ik herken? JaIs het een wereld die me vertrouwd is? Dat kanVoel ik me op m’n gemak? Denk het wel het is een rustig beeldKomt de wereld mij vreemd voor? Nee, het is een beeld van de winter met sneeuw Denk ik dat het echt is? Kan, op de kerstman en de bewegende sneeuwpop na…Is het een wereld die ik nu heel anders zie dan anders? NeeVind ik het hier leuk? Als je de van de winter houdt dan vast welVan waaruit kijk ik, wat is mijn standpunt? Je ziet de kerstman vliegen en een sneeuwpop staanWie ben ik? Kan iedereen zijnWat voor stemming krijg ik door hier te zijn? Een winters gevoelWelke objecten kan ik onderscheiden? Sneeuwpop, stad op de achtergrondWelke zijn dichtbij en welke verder weg? Stad is ver weg, en de sneeuwpop is op de voorgrondHoe zien die objecten er uit? GetekendWelk moment van de dag is het? AvondWaar komt het licht vandaan? Ramen en verder de maan denk ikZie ik schaduwen? NeeHebben de objecten een schaduw en een lichtkant? NeeKan ik ver kijken? Tot aan de stadKan ik me bewegen (panorama)? NeeZie ik dingen die mijn aandacht trekken? De sneeuwpopZie ik dingen waar ik op kan klikken? Je ziet ze, maar weet niet zeker of je kunt klikkenHoe weet ik dat ik daarop kan klikken? Weet je niet, maar je probeert het vast welZijn er dingen die er gebeuren, die aan de hand zijn? Kerstman vliegt overZijn er dingen die bewegen? Alleen de kerstman, tot je gaat klikkenWat hoor ik? De kerstman (na het klikken erop)Wat kan ik doen? Kijken en klikkenDenk ik dat ik naar een andere ruimte kan? Nee, pas na het klikken op de sneeuwpopHoe weet ik dat ik naar een andere ruimte kan? Dat weet je niet, eerst klikken! Denk ik dat ik dan weer terug kan? MisschienZijn er dingen die me kunnen verrassen? Nee niet echtHeb ik zin om rond te kijken? UiteraardHoe komt dat? Omdat er dingen klikbaar zijn en er leuke dingen

gebeuren na het klikkenHeb ik het gevoel dat deze wereld door iemand is bedacht? JaHeb ik het gevoel dat deze wereld ergens zo bestaat? Ja wie weetAls ik naar (een) andere ruimte(s) ben gegaan, snap ik dan wat deze ruimte met de vorige te maken heeft? Ja, het is allemaal in de kertsfeer gemaaktHeb ik het gevoel dat iemand me duidelijk wil maken? Nee want er wordt niet zoveel duidelijk gemaaktAls ik wegga, heb ik iets ontdekt, opgestoken? Niets opgestoken, wel leuke Immersive Space gezienBen ik ergens anders over gaan denken? Nee dat niet, maar het was vast leuk…

*** *

*

*

**

Product idee vorming

Start je Space met het eerste begin: noteer de eerste ideeën voor onderwerpen, werelden, waarover jouw space zou kunnen gaan. Hieronder staan een aantal, waarvan de dikgedrukte en onderstreepte woorden mij het meeste aanspreken en waar ik graag mee verder ga.

* Geld* Muziek* Snelheid* Eten* Kerst* Feesten* Zomer* Media* Mobiele telefoons* Uitgaan

Met dit lijstje ben ik naar een aantal medestudenten gegaan, en heb ze gevraagd welke onderwerpen/ thema’s hen t meeste aansprak. Gek genoeg waren het dezelfde onderwerpen als die ik zelf het meeste interessant vond. Ik denk dat dit te maken heeft gehad met het feit dat je met deze onderwerpen al snel een soort ruimte voor je kan zien. Na dit gedaan te hebben ben ik begonnen met het maken van een aantal mindmaps. Dit heb ik gedaan om een beter beeld te krijgen van de onderwerpen, en dus om te kijken of het nog steeds mogelijk is om een goede ruimte te kunnen creëren. Deze mindmaps zijn te vinden in verder op in mijn onderzoeksverslag.

* *** *

* **

*

* *

Mindmaps

Hier de mindmap die ik heb gemaakt toen ik aan het thema “snelheid” dacht. De onderstreepte worden had ik me vorgesteld als objecten, of als elementen die ik naar voren wilde laten komen in mijn Flash movie.

Bij het thema “geld” heb ik deze mindmap ge-maakt. Ook hier zijn de onderstreepte woorden wat sterkere woorden die ik wilde gebruiken.

De laatste mindmap lekker makkelijker om te vulen. Hierdoor dus ook meer woorden, en leek het makkelijker om hiermee een mooie space te maken.

*** *

*

*

**

Inspiratie

* *** *

* **

*

* *

Product idee vorming

Maak mindmaps in groepjes van drie, werk aan elkaars mindmaps. Ga brainstormen over een aantal thema’s en laat dit aan elkaar zien.Zie de mindmaps in het onderzoek

Je hebt nu 3 verschillende onderpen en thema’s. Noteer nu de drie werelden en welke drie omgevingen daarbij zouden kunnen horen. Geld:* Een Bank* Het scherm van een pinautomaat * Een kassa

Snelheid:* Een paddock* Een tankstation* In een auto

Feesten:* Een kroeg * Een festival* Een feesttent

*** *

*

*

**

Moodboard

* *** *

* **

*

* *

Product idee vorming

Uitwerking (Beschrijving wereld, ruimtes en mogelijke acties)

- De eerste wereld is een stad met sneeuw bedekt waar je lichtjes ziet branden. In beeld zie je een sneeuwpop en komt de kerstman overvliegen. De sneeuwpop is een animatie die ervoor zorgt dat er ergens anders in beeld een woning tevoorschijn komt. De kerstman kan ook op geklikt worden en laat dan een geluid horen. Het huis dat tevoorschijn komt door de sneeuwpop is de knop naar de volgende ruimte: de woning

- De tweede ruimte is in de woning. Je bevindt je in een woonkamer met een boekenkast, een kapstok, een raam en een versierde kerstboom. De kerstboom moet een animatie worden die na het klikken erop al zijn versieringen verliest. Dit kan herhaald worden door er nogmaals op te klikken. Het raam kan je terugzetten naar de eerste ruimte, en de boekenkast kan ook iets, maar weet nog niet zo goed wat. Ook wil ik iets over de vloer laten gebeuren, maar wil het ook laten animeren, dus moet ik nog even over na gaan denken.

- De derde ruimte speelt zich af in een snowglobe. Dit is een glazen bal, waarin zich iets bevindt, en door het schudden ervan wordt alles ervan bedekt met een laagje sneeuw. De wereld die ik hierin wil plaatsen is denk ik iets van de Noordpool. Ook omdat ik de kerstman in de eerste ruimte heb laten zien, wil ik die misschien terug naar zijn woonplaats laten gaan in de derde ruimte. Ook hiervoor moet ik nog onderzoek doen.

*** *

*

*

**

Ruimte idee vorming

* *** *

* **

*

* *

Ruimte idee vorming

Brainstorm oefening:De ABC-methode:Maak met elke letter van het alfabet een woord die past bij mijn Immersive Space.

A Animaties B Bewegende objectenC Cadeau/ Competenties D Duinen/ heuvels E Efteling idee/ sfeerF Feest/ familieG Gezelligheid H Huis/ hoed van sneeuwpopI Interactie J -K Kerst(man) L Leren over actionscriptM Muizen/ maan / mindmapsN -O Onderzoek doen naar... P Play/ pauzeQ - R Rendieren/ RaamS Sneeuw(pop) T TafelU Universeel/ afspeelbaar op elke pc V Vrede (kerst)W Woning X -Y - Z Zelfstudie

MinMapTip: maak in je mindmap duidelijk wat objecten zijn door ze te tekenen, te omcirkelen of zoiets. Maak ook duidelijk wat acties zijn. Zo zie je in één oogopslag wat bruik-bare assets zouden kunnen zijn of gebruikers acties.

*** *

*

*

**

Tussentijdse zelfreflectie

Na een aantal schetsen en ideeen op papier gezet te hebben even de tijd genomen voor een korte reflectie:

Tijdens het maken en bedenken van concepten, ruimtes en objecten heb ik de neiging om de hele tijd mijn al gevonden dingen overboord te gooien en een compleet nieuw en ander idee te gaan uitwerken. Dit is erg verwarrend, aangezien ik al een ruimte had uitgewerkt, en deze dus heb laten vallen omdat ik een ander goed idee kreeg.

Na de volgende ruimte te hebben bedacht, vond ik ook weer iets anders leuk, maar heb besloten om me bij dit tweede idee te houden, en mezelf een hoop werk te besparen door niet nog een keer volledig overnieuw te gaan beginnen. Al met al gaat het wel goed, de objecten en de ruimten beginnen aardig te vorderen, alleen het idee achter de animaties moet nog doordacht worden.

Ik heb wel het idee dat ik te makkelijk over Flash denk. Tijdens mijn vorige studie wel eens in Flash gewerkt, maar blijkbaar was dit een eerdere versie, en werkt het meeste van wat ik toen kon gebruiken nu niet meer. Tijdens de lessen hier nog niet iets van gemerkt, tot ik een code gebruikte die het eerder wel deed en nu dus niet meer. Hiervoor zal ik meer tijd moeten besteden aan het programma en me hier niet op verkijken dat ik straks te weinig tijd heb om de movie te kunnen realiseren.

* *** *

* **

*

* *

Schetsen idee vorming

*** *

*

*

**

Storyboards

Dit is het storyboard van mijn eerste ruimte. Vóór deze ruimte komt er nog wel een soort startscherm, maar daar heb ik niet echt een storyboard voor. In deze ruimte is er een constante animatie: de kerstman. De rest van de animaties worden pas afgespeeld nadat erop geklikt wordt.

* *** *

* **

*

* *

Storyboards

Dit is de tweede ruimte in mijn immersive spoace: de woonkamer. In deze ruimte gebeurt eigenlijk helemaal niets tot er ergens op geklikt wordt. Wel hoor je een herhalend, vrolijk kerstmuziekje, maar de animaties volgen pas na het klikken

*** *

*

*

**

Storyboards

Dit is het storyboard van mijn derder en laatste ruimte. Dit is de ruimte waar je de mogelijkheid hebt om terug te keren naar of het eerste, of het tweede scherm. Na een aantal klikken krijg je te zien dat het het einde van de movie is, maar het beeld wordt niet zwart oid maar blijft doorspelen, zodat de gebruiker de keuze heeft om nog terug te gaan en misschien nog niet aangeklikte object nog kan bekijken.

* *** *

* **

*

* *

Object vormgeving

Neem één object (natuurlijk liefst ‘één die je voor je movie straks nodig hebt) en visualiseer dat op tenminste 5 verschillende manieren. Gebruik telkens hetzelfde beeld als uitgangspunt. Voorbeeld: je hebt voor de wereld van de postbode gekozen en de postbode zelf neemt een prominente plaats in in je movie. Neem dan één beeld als uitgangspunt (foto of tekening of zo) en bedenk vervolgens een aantal (tenminste 5) manieren om een postbode weer te geven in Flash.

Omdat ik in elke ruimte verschillende karakters en/ of bewegende elemeten gebruik, heb ik een object gekozen die ik sprekend vind voor de kerst en winten. Het had net zo goed een kerstboom kunnen zijn, maar ik vindt een sneeuwpop leuker. Deze heb ik eerst geschetst, toen in Illustrator bewerkt, en deze weer met een aantal filtertjes bewerkt.

1. De eerste is zoals ik hem ga gebruiken in mijn movie. Met gradients en meer details dan de anderen ziet hij er sprekender uit en straalt het wat meer gezelligheid uit.

2. De volgende is een zwart-wit versie, waar de details uit zijn gehaald en je dus alleen de basis van de sneeuwpop ziet.

3. Die sneeuwpop helemaal aan de rechterkant is alleen de omlijning.4. Dit is een schetsvorm in Illustrator gemaakt. Hier zijn nog net de contouren zichtbaar en nog net herkenbaar als

een sneeuwpop.5. Een net iets andere schetsvorm. Je kan net als bij de vorige schets nog net zien dat het een sneeuwpop is.

1 2 3

54

*** *

*

*

**

Ruimte suggereren

Je kunt op een aantal verschillende manieren laten zien dat iets een ruimte is. Dit kun je doen door bijvoorbeeld geruik te maken van de volgende punten.

* Verloop van kleur* Overlapping* Perspectief* Hoeveelheid van de details* Schaduw* Kleuren

Verloop van kleur: Zaken die verder weg liggen, zijn minder duidelijk. Hierdoor wordt het idee gewekt dat je echt in een ruimte zit omdat er diepte in lijkt te zitten.

Overlapping: Door bepaalde objecten andere te laten overlappen wordt er ook diepte gecreerd. Dit heeft hetzelfde effect als het verloop van kleur en scherpte toevoegen in je ruimte, maar nu laat je alle beelden scherp zien, maar door te overlappen lijkt het alsof het achter elkaar aanwezig is.

Perspectief:Door objecten die verder weg staan niet alleen te laten overlappen of minder scherp te maken, maar ook nog eens te verkleinen versterkt dat nog meer het idee dat je je in een ruimte bevindt. In het echt is immers ook alles wat verder weg staat kleiner dan wanneer het dichtbij is.

Hoeveelheid van de details:Hoe verder de objecten naar achter geplaatst staan, hoe minder details je zou zien als het in de werkelijkheid zou staan. Dus ook op een afbeelding kun je dit toepassen.

Schaduw:Door schaduwen toe te voegen geef je sterker de vormen weer van je karakters. Ook dit beinvloed de mate waarin je een ruimte kan suggereren.

* *** *

* **

*

* *

Werk de ideeën die je nu hebt uit in een definitief ontwerp voor één van de drie ruimtes, waarbij de je manieren van ruimte-uitbeelding toepast, kleurbepaling, objectvormgeving en stijl. De geplande objecten zijn aanwezig, de acties of navigaties werken niet, het gaat om de ‘scene’.

De maan wil ik ook als animatie maken, maar weet nog niet wat ik ermee wil gaan doen. Al komt er alleen maar een geluid uit als je erop klikt. Misschien tijdens het maken van de movie kom ik op een briljant idee, zo niet dan hou ik het bij een simpel geluid bij het klikken erop.

Hier gaat de sneeuwpop het huis bouwen/ neerzetten. In principe kan er dus na een enkele klik al naar de volgende ruimte worden genavigeerd. De maan moet misschien nog iets duidelijker als knop worden weergegeven.

De slee van de kerstman met rendieren wil ik in het begin van de movie buiten beeld laten beginnen. Deze zal loopen en van rechts naar links bewegen, en ook weer terug. Bij het klikken erop wil ik er een geluid laten spelen, en wil ik er misschien een extra animatie in stoppen dat er cadeautjes vallen oid.

De sneeuwpop valt het meeste op als je deze “ruimte” binnenkomt. Hier zal dus ook als eerste op geklikt gaan worden. Na het klikken erop loopt hij naar de linkerkant van het scherm, waar hij een huis zal bouwen. Het huis zal de knop worden om naar de volgende ruimte te kunnen navigeren.

Ruimte ontwerp

*** *

*

*

**

Flash structuur

* *** *

* **

*

* *

Flash structuur

*** *

*

*

**

Flash structuur

* *** *

* **

*

* *

Het vormen van een idee

Het begin van deze course vond was best wel moeilijk. We hadden in de les een brainstorm gedaan over een aantal onderwerpen, waaruit je kon kiezen en met dat onderwerp ging je verder. Na dit gedaan te hebben kwam ik er na een tijd achter dat ik een ander onderwerp toch leuker vond. Ik ben met dit tweede onderwerp doorgegaan, maar dit heeft me erg veel tijd gekost met onderzoek en informatie opzoeken wat ik allemaal opnieuw kon gaan doen. Dit is mij een keer eerder gebeurt, en ga me volgende keer bij mijn eerste onderwerp houden, zodat ik meer tijd overhoud voor het onder-zoek en de uitwerking.

Nu kon ik verer gaan met het bedenken van de ruimten, en de karakters die daarbij zouden kunnen passen. Het onderwerp heb ik gekozen omdat we rond de feestdagen begonnen met deze course, waardoor ik heel veel informatie hierover kon vinden en ook veel beeldmateriaal kon vinden.

Ook de planning die ik gedachte had, is niet gelukt om na te komen. Dit ook door een verhuizing waar ik in zat en dus minder tijd had om aan dit project te werken. Om bij een volgend project te voorkomen dat ik in tijdnood kom, ga ik een globalere planning maken die ik misschien per week wat concreter ga invullen om deze zo aan te kunnen houden. De vormgeving

De moeilijkste stap vind ik bij het ontwerpen om een goed onderwerp te vinden. Meestal bij een goed onderwerp is het even zoeken naar de juiste draai te vinden, en dit komt meestal bij mij tijdens het schetsen. Ik begin te krabbelen op papier en er zit enorm veel rommel tussen. Dan ineens zie ik een vorm of een beeld voor me en die ga ik dan verder uitwerken.

De ruimtes die ik heb gemaatkt zijn leuk geworden en interactief. of er echt sprake is van immersiveness weet ik niet, maar het lokt wel uit om overal op te klikken dus het neemt je wel een beetje mee in de animaties. Het beeld wat ik had toen ik het idee aan het vormen was is wel aardig gelukt. Ik zag een sneeuwwereld waar de kerstman in beeld zou zijn, en een sneeuwpop die iets moest gaan doen. Ik wist nog niet wat, maar hij staat erin en hij doet iets, en het resultaat is nog leuk geworden ook...

Eerst wilde ik een realistische wereld maken met foto’s en alles er echt uit laten zien, maar ten eerste werd de movie hier heel zwaar van, en ten tweede zagen de animaties er niet uit in vergelijking met de achtergronden e.d. Nu is dus alles getekend en ziet het er meer uit als een soort klein spelletje. Qua vormgeving vind ik het resultaat wel leuk geworden, en ook met de animaties is het wel een leuk geheel.

Reflectie

*** *

*

*

**

Reflectie

Het eindresultaat

Het filmpje is klaar en lijkt aardig op wat ik in gedachte had. De animaties zijn hier en daar wat anders, maar de dingen die ik wilde laten bewegen doen dat, en ook de functies zoals het terugbrengen naar de vorige ruimte en alles werkt zoals de bedoeling was. Het scherm laat in principe een aantal dingen zien die of bewegen of uitlokken om op te klikken. Er zijn verder geen hints verstopt, er gebeurt pas iets als je aan het klikken gaat. Ook heb ik niet expres goed aangegeven hoe je naar de volgende ruimte kan gaan, dit om uit te lokken dat er daad-werkelijk op alles geklikt gaat worden. Zo kan de gebruiker alles gebruike animaties zien, en mocht er iets overgeslagen zijn, dan kan “per ongeluk” weer teruggegaan worden door op de knop te klikken waarvan niet duidelijk is dat deze je weer terug brengt naar de vorige ruimte.

Om het een beedje kleur en vrolijkheid te geven heb ik er een aantal geluidjes onder gedaan. Deze heb ik allemaal op het moment bedacht, en heb ik toegapast op de beweging van de animatie. Een achtergrond muziekje vond ik wel zo toepasselijk, dus deze wist ik al wel, maar verder is het op het moment bedacht en passen en bij het beeld wat erbij is, en bij de animaties.

ConclusieHet geheel is me wel goed bevallen, op het kiezen van een ander onderwerp terwijl daar eigenlijk geen tijd voor was na. Ook ben ik niet helemaal tevreden over het “immersive” gedeelte. Het is een leuke animatie geworden, en er kan overal op geklikt worden, maar over het een echt immersive space is, ben ik nog niet over uit. Ook als ik nu bij andere mensen kijk, zie ik een ander soort ruimtes, waarin dingen gebeuren. Bij mij kan er geklikt worden, gebeurt er iets, en dan wordt verwacht dat je naar de volgende ruimte kan. Misschien had ik nog een extra ruimte moeten maken om zo diversiteit toe te voegen aan de volgorde waarin je de ruimtes ziet. Al met al vind ik het resultaat wel goed, en zijn mijn Flash-skills toegenomen. Blijkt dat dit een erg leuk programma is, als je eenmaal weet hoe erin te werken. Misschien een idee om hierin mijn toekomstige digitale portfolio te maken.

* *** *

* **

*

* *

*** *

*

*

**

GANGSTER

* *** *

* **

*

* *

Product idee vorming

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

*

Immersive SpaceSanta’s Journey

Mark vd Veer11-01-2012