Stage verslag. Verslag van mijn stage bij Letink Design. Van 05 september tot 31 december 2016 in Enter, Overijssel. VR app Merijn Kersten

Transcriptie

1 1 Stage verslag Verslag van mijn stage bij Letink Design Van 05 september tot 31 december 2016 in Enter, Overijssel. VR app Merijn Kersten

2 Inhoud 1 INLEIDING TOELICHTING 2 STAGEBEDRIJF 3 LEERDOELEN 4 WERKZAAMHEDEN 5 TECHNIEK 6-9 PROJECTEN 10 LEERDOELEN 11 SLOTWOORD 12 BRONNENLIJST

3 16 Weken 78 Dagen 730 Uur INLEIDING Mijn perfecte stagebedrijf zoals geformuleerd in mijn persoonlijk leerplan was: een klein bedrijf met jonge, vriendelijke mensen, waar ik vrijheid heb om op mijn eigen manier mijn werk te doen en ondersteuning krijg van professionals. Een bedrijf dat gave producten maakt waar ik aan kan meehelpen. Een bedrijf dat in Nederland is gevestigd, en hetliefst in de buurt van waar ik woon. En dat bedrijf heb ik gevonden, ik volg stage bij Letink Design: Een klein bedrijf met vriendelijke en enthousiaste werknemers en een informele sfeer. Ze houden van hun werk en kunnen mij ondersteunen in mijn leerdoelen. Verder zijn hun producten interessant en uitdagend om aan te werken en krijg ik de vrijheid om zelf onderzoeken uit te voeren en aan mijn eigen projecten te werken. Letink design is in September 2014 opgericht als ontwerpbureau, voornamelijk voor de technische sector. Sindsdien is het bedrijf begonnen in VR development en hebben ze mijn bedrijfsbegeleider; Kevin, als programmeur aangenomen om dit te kunnen doen. De vraag naar VR is hoog op het moment en het bedrijf groeit. Het pand is gevestigd in het centrum van Enter, een gezellig doch krap pand, we gaan dan ook in november verhuizen naar een groter pand in Enter. TOELICHTING Dit document is bedoeld als toelichting bij de VR-app die ik ook inlever. De app is te vinden als download bij de qr-code op de voorpagina. In dit verslag zal ik dieper ingaan op mijn stage, in de app is er beeldmateriaal te zien om een beter beeld te geven van de stage. 1

4 2 Stagebedrijf Wat doet Letink Design? Een project begint met een opdracht van een klant, soms komt er iemand naar het bedrijf toe maar meestal zoeken we klanten op op beurzen, congressen en open dagen. Klanten zijn grotendeels gericht op de bouw en techniek. We kunnen klanten in basis vier mogelijkheden Modelleren 3d objecten maken met software als 3D Max. Vaak werken klanten uit de bouw al met 3d modellen, deze kunnen we dan gebruiken of aanpassen voor andere doeleinden zoals het plaatsen van het model in een game omgeving. Visualiseren Om modellen presentabel te maken moet deze worden uitgerendert. Dit betekent dat je van een 3d model een afbeelding laat maken door een computer. Deze afbeelding wordt vervolgens in Photoshop bewerkt tot een eindresultaat. Dit kan bijvoorbeeld voor een bord voor een bouwplaats die laat zien hoe het gebouw er uitziet als het af is of in een presentatie om investeerders te overtuigen. Animeren Om een duidelijker beeld te geven van een project of product helpt het om bewegende beelden te gebruiken, deze kunnen we maken door meerdere beelden te renderen en deze te plakken en bewerken in after effects, in premiere maken we er een video van. Deze kan dan bijvoorbeeld op internet geplaatst worden of tijdens beurzen getoond worden. Presenteren Als klanten een interactieve ervaring willen kunnen we deze maken in een game of vr applicatie. Dit doen we in unity3d, een flexibele en goedkope game-engine. Als de klant een uitgebreide vr ervaring wilt kan dat ook, we maken deze dan voor de oculus rift en verzorgen de techniek op een beurs of presentatie. Overig Verder kunnen we tussen projecten door ontwerpen en websites bouwen en zijn er plannen om vr brillen te verhuren.

5 LEERDOELEN Om mijn stage optimaal te benutten, heb ik vijf leerdoelen vastgesteld voordat ik ben begonnen, ik zal ze hier in het kort beschrijven. TECHNISCHE KENNIS Code s netjes leren schrijven zodat anderen deze duidelijk kunnen zien en aanpassen, dit is belangrijk in een bedrijf met meerdere programmeurs en ik heb dit nog niet geleerd gezien ik in vorige projecten alle code zelf heb geop tijd komen en mij aan mijn afspraken houden, typt. Afmaken van programma s zodat alle functies taken afronden zodat mijn team erin zitten in plaats van het afraffelen hiervan. op mij kan vertrouwen. Dit leerdoel omvat ook het nemen van verantwoordelijkheid in mijn werk. Als ik geen klachten krijg over mijn werkhouding is dit doel minimaal geslaagd. PROFESSIONALITEIT SOCIABILITEIT Gepast en duidelijk kunnen comuniceren met anderen, een goede indruk maken op anderen zodat ik met ze kan samenwerken en het buiten werktijd gezellig hebben Ik wil in een bedrijf de workflow leren kennen, met medewerkers. dit is belangrijk in het samenwerken met collega s. Hieronder vallen: het leren omgaan met concepting, coderen, modelleren, animeren, grafisch ontwerp en marketing. TEAMWORK VR PRINCIPES Virtual reality programma s werken anders dan normale programma s en spellen. Als ik deze wil maken moet ik weten wat werkt en wat niet werkt in VR en wanneer mogelijk augmented reality. 3

6 WERKZAAMHEDEN Als stagiair krijg ik verschillende taken, een paar ervan staan hieronder. Projecten Mijn grootste bezigheid is meewerken aan projecten. Gezien Letink nog een klein bedrijf is kan ik afwisselend werk doen zoals coderen, animeren, editen, ontwerpen en documenteren. Beurzen Letink design staat regelmatig op beurzen en congressen, ik kan daarmee ondersteunen door de techniek op te bouwen en te repareren als dat nodig is. Onderzoek Wanneer we een nieuwe techniek gebruiken kost het tijd om hiermee leren om te gaan, daarom mag ik technieken onderzoeken en documenteren zodat mijn collega s hier snel mee aan de slag kunnen. Corvee Elke week is heeft een persoon corveedienst, wat inhoud dat hij de boel schoon houdt, boodschappen doet en de lunch verzorgt. Verder maak ik elke week houmous voor de lunch. 4

7 TECHNIEK Ik heb met verschillende nieuwe technieken kunnen spelen en ontwikkelen, dit waren de hoogtepunten: 3 VR brillen lijken op elkaar maar verschillen van elkaar in onder andere: prijs, computerkracht en randapparaten. Zelf heb ik voornamelijk gewerkt met de google cardboard, dit is een platform dat VR voor smartphones mogelijk maakt. De vr one is hiervoor bedoeld. Ook heb ik geleerd te werken met andere VR technieken zoals de oculus rift en htc vive, dit betreft vooral het opbouwen en in de gaten houden ervan op beurzen en experimenteren op het kantoor. Oculus Rift 4 HTC Vive 6 5 VR ONE HoloLens 2 XMG backpack 5

8 PROJECTEN Ik belicht hier een selectie van mijn grootste opdrachten tijdens de stage om een concreet beeld te geven van mijn bezigheden. Dit doe ik door het beschrijven van de opdracht, het onderzoek dat ik gedaan heb tijdens het project, verwerkte leerdoelen en de gemaakte keuzes en veranderingen van het project. 6 Deze projecten zijn in de app terug te vinden IN APP OPDRACHT Mijn eerste opdracht was het leren kennen van het VR framework die mijn stagebegeleider: Kevin, heeft gebouwd. In deze app heb ik platte video s panoramisch gemaakt, video s in de app gebouwd, en zelfs aanpassingen gemaakt in de onderliggende code om zo een pauze/speel knop, sharemenu en levelstructuur te bouwen in de app. ONDERZOEK Ik heb het framework van mijn stagebegeleider onderzocht en geleerd over instances, panoramisch 3d, androidmanifests, en verschillende manieren van video s inladen. TOTSTANDKOMING Het deel menu anders vormgegeven na feedback van Dave, code beter verwerkt in het project na feedback van Kevin. Boven en beneden fade door Kevin toegevoegd en door mij aangepast. Deel module gemaakt voor Kevin voor gebruik in andere projecten. SAM FELDT 360 APP LEERDOELEN VR principes: Tijdens het uitpluizen van het programma heb ik kunnen leren hoe level design het beste werkt in VR, het is namelijk lastig om te navigeren in VR omdat je geen muis of toetsenbord kan gebruiken. Om dit op te lossen hebben we knoppen gemaakt die je kan activeren door er 3 seconden naar te kijken. Professionaliteit: Ik was verantwoordelijk voor een aantal functies in de app, deze heb ik er op tijd en werkend ingebouwd en gelet op het netjes houden van de code zodat mijn collega s hier verder mee kunnen werken. Teamwork: Het design van de app was grotendeels al bepaald maar er moesten nieuwe achtergronden in gebouwd worden, deze heb ik gemaakt in overleg met Dave en de klant. Technische kennis: Ik heb de app naar IOS gebouwdt en op de apple appstore gepubliceerd.

9 7 PROJECTEN IN APP OPDRACHT Na het inlopen in het bedrijf met een aantal kleine opdrachten ben ik begonnen met mijn eigen project: het virtueel museum, een project waar ik op school mee begonnen ben ga ik nu in VR nabouwen en als het echt goed gaat, verkopen aan een nieuwe klant. Hiervoor bouw ik alles zelf, afgezien van stukjes code van Kevin. Ik gebruik een JSON plugin voor unity3d in plaats van processing en OSC. Het werkt nu en gezien de tijd ben ik tevreden met de vooruitgang. Ik heb onderzoek gedaan naar de JSON plug-in voor unity en heb deze in mijn app kunnen plaatsen. Verder heeft het Rijksmuseum stereofoto s op de api staan die ik kan gebruiken, deze zijn nu ook te zien in de app net als een viewmaster. TOTSTANDKOMING Ik heb VR principes toegepast en usertests gedaan met collega s en familie. Na feedback heb ik veranderingen aangebracht in het menu en instructies op het scherm. EIGEN PROJECT ONDERZOEK Ook heb ik gekeken naar het bouwen van een diegetic user interface design: dit is een manier van interfaces bouwen die in de gamewereld zelf zitten, denk aan een landkaart of horloge in plaats van een paneel met de tijd en plek. LEERDOELEN Technische kennis: Tijdens het bouwen van dit programma ben ik voorzichtig te werk gaan. Ik ben begonnen met een framework waarop ik kan bouwen zodat ik niet constant grote veranderingen hoef te maken aan het programma en mijn code gedocumenteerd. VR: Na het uitvoeren van usertests bleek dat gebruikers niet begrepen hoe de app werkte, ik heb daarom een tutorial toegevoegd om gebruikers de functies van de app duidelijk te maken en ingewikkelde functies vereenvoudigd. HABBEVENTS IOS APP OPDRACHT In week 6 kreeg ik de opdracht om voor HabbEvents een app te bouwen, voor deze app kon ik een ouder framework gebruiken die aangepast mocht worden. Zo is er een intro scherm gebouwd met een timer/fader en kan de app dynamisch foto s inladen om werkgeheugen te sparen. De dag van de beurs ben ik langs geweest om de app op IOS te installeren. ONDERZOEK Na het bouwen van de applicatie, onderzoek gedaan naar een manier om het werkgeheugen laag te houden. Met.IO in heb ik dit kunnen doen door uit een map buiten het project bestanden op te vragen. IO is een.net namespace met functionaliteit gericht op bestandsbeheer. TOTSTANDKOMING Ik heb het hoofdmenu anders ontworpen en daarvoor goedkeuring gekregen. Verder heb ik de graphics met Dave aangepast. IN APP LEERDOELEN Professionaliteit: Ik heb aangeboden naar de beurs te gaan om mijn app te instaleren op te telefoons daar, dit ging goed. Sociabiliteit: Mensen van HabbEvents leren kennen en mee samengewerkt. Technische kennis: Ik heb voor de eerste keer een app gebouwd voor IOS met Xcode en Geleerd over IO, een taal voor bestandsbeheer in unity. Samenwerking: Dave heeft mij beeldmateriaal geleverd voor het HabbEvents project, deze heb ik geïmporteerd en klaargemaakt voor gebruik in mijn project. verder heb ik in overleg met Dave zelf het uiterlijk van de menu s aangepast. 3

10 8 PROJECTEN IN APP OPDRACHT LEERDOELEN TWENTEBOUWT VIDEO Samen met Martin, een andere stagiair bij Letink, heb ik een motion graphic voor een nieuwe startup gemaakt. Deze video is voor de Facebook pagina van TwenteBouwt om zo op een leuke manier het concept uit te leggen. Voor deze video heb ik alles samen met Martin en Patrick getekend en zelf geanimeerd. ONDERZOEK Teamwork: Ik heb veel moeten overleggen met Martin over de stijl en het verhaal van de video, Ik merkte dat ik soms iets duidelijker moet zijn over wat ik wil. Technische kennis: Tijdens het maken van de video heb ik trucjes geleerd van google en mijn collega Bart, hierdoor kan ik tijdens video-projecten in de toekomst efficiënter werken. Samen met Martin onderzoek gedaan naar de best passende teken en animatiestijl voor de video. TOTSTANDKOMING Besproken met Martin hoe de video eruit zou moeten zien en welke shots er voor nodig waren om het verhaal duidelijk te maken, ik heb zelf een eenvoudige stijl aangehouden en Patrick heeft geholpen met de graphics op die manier ook te maken. OVERIGE BEZIGHEDEN De telefoon ligt om de week op mijn bureau, als deze overgaat kan ik mensen die het bedrijf bellen helpen. Dit helpt mij in het verbeteren van mijn professionaliteit en sociabiliteit. Met Bart heb ik gekeken naar het beste video formaat voor een presentatie, we hebben gezocht naar een geschikte codec, in het specifiek naar de HAP-Q codec maar deze wordt niet breed ondersteund en dus gebruiken we een andere codec. In week 2 heb ik een klein handboek geschreven over VR, zo heb ik betere kennis over de technische aspecten van VR techniek kunnen leren, en over de geschiedenis ervan, dit heb ik meteen verwerkt in mijn project door een viewmaster plug-in te bouwen in mijn spel om zo stereofoto s te kunnen bekijken. In de derde week stond Letink design op de Habito beurs in Rijssen, hier heb ik mijn sociabiliteit en professionaliteit kunnen verbeteren door onbekenden aan te spreken en uit te leggen hoe de techniek achter VR werkt. Ik werk naast Bart, hij is 3d modeleur, van hem krijg ik interessante tips en verhalen over wat hij doet, dit helpt mij een bredere kennis op te bouwen. Bijvoorbeeld over: Shaders, normal maps en polygonen.

11 PROJECTEN Voor Coulisse, een stofhandelaar uit Enter. Heb ik een klein programma gemaakt om hun stoffen te visualiseren in VR. Tijdens dit project heb ik vooral geleerd over belichting in games en hoe je dit kan gebruiken om je game visueel interessanter kan maken. (video van deze opdracht is te vinden in de app) Ik heb leren werken met GIT een software voor versiecontrole, dit is een manier om in een team tegelijk te kunnen werken aan hetzelfde project en is erg handig. Aklima is de enige distributeur van Mitsubishi klimaatbeheersings-apparatuur in Nederland. Hiervoor heeft Letink design een VR applicatie gebouwd, deze laten we zien op beurzen en congressen waar Aklima aanwezig is. De installatie moet worden opgebouwd en onderhouden tijdens een dag dat het er staat en dus ben ik twee dagen mee gegaan om hierbij te ondersteunen. Dit waren lange dagen waar ik heb kunnen bijdragen in het repareren of installeren van de hardware en software van de installaties. In week 10 heb ik 3D-Modellen gemaakt voor een installatie die Letink op beurzen wilt laten zien: er is een eggchair aangeschaft, een futuristisch uitziende stoel. Hierin willen we een vr-bril inbouwen.(terug te vinden in de app) In week 12 heb ik een prototype gebouwd voor een potentiele klant met behulp van Vuforia. Een groep studenten willen voor een project schilderijen tot leven laten komen met augmented reality. Gezien mijn collega s hier nog niet veel verstand van hebben, heb ik een prototype gemaakt met de plugin van vuforia. Nadat een project of deelproject af is documenteer ik de stappen die ik genomen heb en waarom ik deze heb genomen. Zo kan een collega of eventuele volgende stagiair makkelijk verder met het project. Ook heb ik module s gebouwd, dit zijn kleine programma s die eenvoudig in een product kunnen worden geplaatst. Denk bijvoorbeeld aan een deelknop die automatisch een Facebook post maakt als je er op drukt. 9

12 LEERDOELEN Een kleine terugblik op mijn leerdoelen, in het algemeen ben ik zeer tevreden op mijn persoonlijke groei in de afgelopen 4 maanden. TECHNISCHE KENNIS PROFESSIONALITEIT Elke keer dat ik de kans kreeg om mee te gaan naar een beurs of andere activiteit koos ik ervoor om mee te gaan. Zo heb ik het bedrijfsleven vanaf dichtbij kunnen ervaren. Verder heb ik wanneer het kon initiatief getoond om projecten op te pakken en te helpen met projecten. Een paar keer te laat op werk maar dat was vanwege het OV. TEAMWORK Ik loop stage in een klein bedrijf en dat heb ik gekozen vanwege dit stagedoel. Ik krijg namelijk de kans om mee te helpen in taken die net iets buiten mijn specialiteit liggen zoals texturen in 3d modellen aanpassen, Photoshop werk doen, tekenen en computers installeren op beurzen. Ik heb hier voldoende kansen voor gekregen en ben hier sterk in verbeterd. VR PRINCIPES Ik ben de stage begonnen met enige voorkennis over VR maar heb tijdens de stage mij verdiept hierin op een technisch niveau door VR apps te coderen en optimaliseren en op een gebruikers-niveau door vaak VR te gebruiken. Voor mijn VR-handboek heb ik onderzoek gedaan naar de geschiedenis van VR en de werking van stereoscopisch beelden weergeven. Het is nog niet af, ik ga het afmaken in de komende weken en na mijn minor. 10 In unity en c# kon ik al aardig wat maar door er hele dagen mee bezig te zijn leer ik erg snel. Ik kan creatiever zijn in oplossingen bedenken en kan codes sneller en efficiënter schrijven dan 12 weken geleden. Ik kan nu overweg met: c# switches,.io, belichting in unity, shaders, Google VR SDK, video codecs, IOS games publiceren, GIT, Vive/ Oculus software & adobe Illustrator. SOCIABILITEIT Ik voel mij prettig in het stage bedrijf en heb nieuwe mensen leren kennen buiten het bedrijf, in Enter en op beurzen. Ook vanwege het opnemen van de telefoon leer ik beter telefoongesprekken voeren. Duidelijk zijn in mijn communicatie is een punt dat ik minder heb verbeterd dan ik van plan was, het gebeurt nog regelmatig dat er onduidelijkheden zijn omdat ik niet duidelijk heb gecommuniceerd, dit ga ik verder verbeteren tijdens mijn minor, en het deel van de stage dat nog volgt, na mijn minor.

13 Slotwoord Pinksterbloem 7, Brummen 6971 MB De afgelopen weken waren leerzaam maar ook zeker leuk, de sfeer was informeel en gezellig. Er was een hoop te doen, een gemiddelde week was 45 uur lang en er zijn altijd projecten geweest waar ik mee bezig kon en projecten die ik zelf heb opgepakt. Na mijn minor kom ik een maand terug om mijn stage af te ronden (buiten school om) en daarna ben ik welkom in de vakantie als parttime werknemer. Voor nog meer info kun je mijn blog lezen: 11

14 Bronnenlijst Foto s: 1) Foto kantoor Letink Design 2) XMG WALKER VR Backpack PC 3) Oculus Rift Might Get Launch Date and Price During CES 4) HTC Vive new image exposure After the bounce is more power 5) VR One: een VR-bril voor je smartphone van 99 dollar 6) Gamerheadquarters - Microsoft Hololens Release Window 12