labweken visual
Muren in A-frame
labweken visual
Muren in A-frame
labweken visual
Muren met package in A-frame
labweken visual
Omgeving in A-frame
labweken visual
Glitch in A-frame
labweken visual
Museum visual A-frame
labweken visual
look controls a-frame
labweken visual
Museum in Unity
labweken visual
Strand kamer
labweken visual
Bos kamer
labweken visual
Strand kamer

Errors

labweken visual
labweken visual
labweken visual
labweken visual
labweken visual

Labweken

Proces

Om het proces van de labweken zo goed mogelijk vast te leggen, heb ik een soort dagboek bijgehouden. Hier heb ik bijgehouden wat ik elke dag heb gedaan, wat mijn frustraties waren en wanneer iets was gelukt. Dit is onderbouwd met videos en afbeeldingen, om zo een volledig beeld te schetsen van de afgelopen weken.

Dag 1

Vandaag ben ik begonnen met de labweken, waar ik eigenlijk best zenuwachtig voor was. Ik wist niet wat ik moest verwachten, omdat het de bedoeling is dat je zelf een project bedenkt en met welk programma je dit doet. Toch is mij en mijn partner gelukt om een goede planning te maken en een goede stap in de juiste richting te zetten.

Na de introductie hoorcolleges hebben wij gelijk een trello bord aangemaakt, zodat we een goede planning konden maken. Daarnaast een sectie met documenten, zodat wij onze research en links naar interessante websites op één plek hebben staan. Dit was namelijk voor ons de eerst logische stap: onderzoek doen. Onderzoek naar welke programma’s we kunnen gebruiken en onderzoek naar interessante projecten en websites.

Na het onderzoek ben ik begonnen met het uitproberen van een nieuw programma, namelijk unity. Het lijkt erg op een programma wat we hebben gehad tijdens de workshops, namelijk Unreal Engine. Toch lijkt unity gebruiksvriendelijker, dus wilde ik dat graag uittesten. Ik ben begonnen met een tutorial van een Lego game en voor nu lijkt het alsof het inderdaad makkelijker in gebruik is dan Unreal Engine.

Ook ben ik gaan nadenken over wat wij kunnen gaan maken en ben een aantal concepten gaan uitdenken. Om half 5 zijn mijn partner en ik weer bij elkaar gekomen om onze concepten en ontwikkelingen te bespreken. Toen zijn we tot de conclusie gekomen om een VR systeem te maken waarin je in een schilderij rondloopt, terwijl het geluid meebeweegt met de bewegingen van de gebruiker.

onderzoek

Wij hebben al gewerkt met unreal engine en a-frame, maar is dit de beste manier op een VR systeem te maken of zijn er nog andere opties? In dit onderzoek gaan wij dan bekijken en bepalen we welke kant en welk programma we gaan gebruiken.

Unity lijkt erg op Unreal engine, want het is ook een game programma. Ook hebben ze beide een goede uitleg hoe het programma werkt, zodat je echt de kans krijgt om nieuwe dingen te leren. Unity heeft een goede uitlegvideo (wel 30 uur) die uitlegt hoe je een vr omgeving kan creëren. Online wordt er gesproken over dat unity makkelijker te begrijpen is dan Unreal Engine, maar dat bijvoorbeeld de graffics in Unreal engine wel beter zijn. Ik denk dat ik het zelf moet ervaren om echt een beslissing te kunnen maken.

Om te kijken of ik unity een fijn programma vind, heb ik na het downloaden van de software een tutorial gevolgd van lego. Hier leer je de basis kennen van unity en hoe en wat de functionaliteiten zijn en werken.

Bronnen

Unity and VR Unity VS Unreal VR in unreal engine Unity in Android Unity in AR and VR

Concepten bedenken

BeeAlone

Door de coronacrisis zijn veel mensen die samenwonen tot de realisatie gekomen dat het soms wel goed is om even een momentje voor jezelf te hebben. Of je nou even tot rust wil komen of juist even uit je plaat wil gaan, het kan allemaal. Door te gaan zitten realiseert het systeem dat je rust wil, dus zal een rustige plek uitzoeken zoals bijvoorbeeld een bos. Door een koptelefoon of speakers worden ook de geluiden aangepast op voorkeur. Zo heb je dus echt het idee dat je even in een andere wereld bent. Als je meer gaat bewegen kom je in een drukkere situatie terecht, zoals bijvoorbeeld een club. Ook hier worden de geluiden aangepast.

Meisje met de parel

Soms heb je geen zin om naar een museum te gaan en soms geeft het ook geen voldoening. Hoe leuk zou het zijn als je door een schilderij kan lopen, met uitleg over wat voor verf is gebruikt en hoe. Zoals bijvoorbeeld door de nachtwacht kunnen lopen of naast het meisje met de parel kunnen staan.

PlantYourself

Als je op een studentkamer woont of geen tuin hebt, dan kan de natuur soms niet is bereikbaars zijn. Om het voor iedereen bereikbaar en laagdrempelig te houden, kan je met dit VR systeem je eigen planten verbouwen. Deze kunnen over tijd groeien.

Dag 2

Vandaag had ik voor het eerst les op de hogeschool. Dit was erg leuk en wilde snel aan de slag met het project. Ik heb met William Beekhuis ons idee besproken en hij kwam op goede ideeën. In plaats van een persoon rond te laten lopen, kan degene naar het schilderij kijken en wordt er een loadingbar getoond en als deze vol is gaat de gebruiker naar het volgende scherm. Op deze manier loop je niet het risico dat gebruikers ziek worden of dat zij ergens tegen aan lopen.

Na deze bespreking ben ik verder gegaan in Unity om mijn eerste VR project te maken. Het opstarten van het VR systeem duurde erg lang. Door veel te googlen en youtube af te struinen, ben ik er achter gekomen dat je een oudere versie nodig hebt om een low-end VR bril te laten werken. Doordat het geheugen op mijn computer ook op begon te raken, heb ik de andere versies moeten verwijderen, zodat ik daarna de oudere versie kon downloaden.

Na de les ben ik thuis verder gegaan, maar kwam ik nog steeds errors tegen. In de helpdesk heb ik met Paul (docent) besproken wat ons doel van het project was en besloten dat wij het via een website wilde publiceren. Dit is makkelijk om te doen in A-frame, dus gaan wij over op dit programma.

Omdat wij het idee hadden dat wij al een beetje achterliepen zijn wij gelijk bij elkaar gekomen om aan A-frame te werken en onze vervolgstappen uit te denken. We hebben samen een glitch document gemaakt, waarin we dus ook samen kunnen werken aan het project. Toen hebben we de muren en grond al gemaakt. Na onze bijeenkomst ben ik zelf nog even verder gegaan en heb ik uitgetest hoe je een environment kan toevoegen. Dit is na een aantal pogingen gelukt. In de uitleg staat namelijk dat je dit component moet toevoegen aan e-entity, maar nadat dit niet werkte heb ik een video gevonden waar stond dat je het moest toevoegen aan a-scene. Dit werkte wel.

Bronnen

Unity and VR Unity VR Cardboard VR in unity Youtubevideo over cardboard VR and unity Youtubevideo over cardboard VR and unity SDK setup A-frame VR Glitch online programma waar we met A-frame kunnen werken

Dag 3

Vandaag heb ik veel gedaan en eindig ik de dag met een voldaan gevoel. S’ochtends was ik gelijk begonnen met de muren verbeteren. Ik had namelijk op github een package gevonden waarin je mooie muren kan maken, zodat je geen boxen (a-box) hoeft te gebruiken. Het maken van de kamers had ik wel snel onder controle, maar de deuren vond ik nog wel lastig. Ook moest ik een grote kamer maken, die de buitenmuren moesten vormen, maar dit was ook nog wel lastig om de juiste posities te vinden. Door een ‘outside’ attribuut toe te voegen, is het museum nu dicht in plaats van open. Eerst kon je er namelijk doorheen kijken.

Wel merkte ik dat ik door alle muren heen kon lopen. Ik wist niet of dit hoort, dus ik was naar de online helpdesk gegaan. Jorn, studentenhulp, wist het helaas ook niet zeker. Toen heb ik besloten om dit te laten en dit morgen te vragen in de les.

Na een korte pauze ben ik doorgegaan met de vloer, omgeving en het dak. Ik heb lang over de vloer gedaan, omdat de code vanuit de package niet werkte. Hier heb ik een aantal uur aan gezeten, maar ik kwam er zelf niet uit. Toen ben ik samengekomen met Michelle en hebben we besloten om een a-phere te maken en dat als vloer te gebruiken, wat werkte. Daarna hebben we een dak toegevoegd met de primitive rw-ceiling, vanuit de package.

Ook had ik tijdens een research moment een package van environment gevonden op github, dus deze hebben we toen ook toegevoegd. Hier ontstond een probleem met de vloer, omdat de ‘hills’ attributen de grond oneven maakte. We hebben meerdere attributen proberen toe te voegen, maar helaas werkte het niet. Hiernaast ging glitch moeilijk doen, waarschijnlijk omdat wij er met z’n tweeen in aan het werken waren. Hierdoor besloten dat wij morgen tijdens de les weer verder zouden werken en vanavond nog apart.

Na een korte pauze en mijn laptop te hebben herstart, heb ik nog een keer geprobeerd om de juiste attributen aan de environment toe te voegen. Dit is uiteindelijk gelukt met playerArea=2, wat zorgt dat het speelveld van de speler wordt vergroot. Daarna heb ik op github gevonden dat er een update binnen A-frame er voor zorgt dat de primitive van de vloer niet werkt. Hierna heb ik de a-phere aangepast, door een repeat 5 5 toe te voegen. Dit zorgt voor een echt marmere vloer. Al met al een goede dag!

Bronnen

Room package voor a-frame Primitive van de oceaan Omgevingscomponent

Dag 4

Vandaag was een iets mindere dag. Dit komt waarschijnlijk omdat ik woensdag te hard had gewerkt, waardoor ik migraine heb gekregen. Hierdoor kon ik mij vandaag moeilijk focussen. Na de kick-off ben ik gelijk begonnen met het veranderen van de kleuren van het museum. Dit lukte niet, want er ontstonden allemaal verschillende kleuren. Ik heb geprobeerd uit te zoeken waar de error ontstond, door bijvoorbeeld in de package van de muren te kijken. Doordat ik het niet kon vinden, ben ik naar de helpdesk gegaan. Hier heeft Chris, docent, mij geprobeerd te helpen maar wij kwamen er samen ook niet uit. Wel waren we tot de conclusie gekomen dat het ook aan de lichtval kon komen. Dit wil ik dus nog gaan aanpassen, maar waarschijnlijk morgen.

Na de bespreking in de helpdesk ben ik naar school gegaan, omdat we daar de laatste les van de week hadden. Hier heb ik samen met Michelle een planning gemaakt wat nog moest gebeuren. Hierna is Michelle aan de slag gegaan met de portals, wat zorgt dat de gebruiker door een schilderij kan stappen. Ik ben aan de slag gegaan met dat de gebruiker niet meer door de muren kan lopen. Hier ben ik een aantal uur mee bezig geweest, maar helaas werkte alle opties die ik probeerde niet. Omdat het Michelle ook niet lukte met de portals ben ik haar gaan helpen om dit verder uit te zoeken. Uiteindelijk zijn we er niet uitgekomen en heb ik besloten om voor vandaag te stoppen, goed rust te nemen en morgen weer met goede moed verder te gaan.

Bronnen

A-frame controls Cardboard in A-frame collision

Dag 5

Na gisteren heb ik het idee dat ik vandaag hard aan de bak moet, dus na de kick-off ben ik gelijk verder gegaan met het uitzoeken van de camera. We willen dat de gebruiker op de desktop kan klikken waar je naartoe wil en met de mobiel en VR bril dat je transporteert. Omdat dit iets is wat wij niet in de lessen hebben geleerd, heb ik hier moeite mee met het juiste ‘antwoord’ te vinden. Hier ben ik bijna de hele dag mee bezig geweest.

Omdat de helpdesk te druk was en geen antwoord kregen op onze vraag, hebben we besproken wat we anders kunnen doen. Toen kwamen we op het idee dat we ook AR kunnen gebruiken. Via de camera van een telefoon schilderijen presenteren en dat je daar in kan stappen. Dan moeten we wel weer terugstappen op unity, dus hier gaan we het weekend naar kijken. Ook had ik de vraag over de controls binnen SIM (studievereniging) gevraagd en had verschillende goede antwoorden gekregen, maar wel tot de conclusie gekomen dat we terug moeten naar unity of arduino moeten gaan gebruiken. Dus dat gaan wij bekijken.

Bronnen

collision verplaats camera beweegt camera als je op voetjes klikt Youtubevideo van VR in A-frame

Weekend

Dit weekend ben ik op youtube gaan zoeken naar uitlegvideo’s over unity en AR. Als ander idee hadden wij namelijk om een AR systeem te maken waarbij je door een deur loopt en in een andere wereld terecht komt. Via deze deur kom je in een museum en kan je schilderijen bekijken. Het doel is om te zorgen dat je ook door de schilderijen kan lopen met de muziek die wij in onze gedachten hadden. Het museum en de deurportal is al gelukt, en is het voor aankomende week belangrijk om de andere kamers te maken. Daarnaast het geluid aansluiten en schoonheidsfoutjes oplossen. Doordat ik nu een heel weekend in unity heb gewerkt snap ik het wel een beetje. Ook helpen de youtubevideo’s heel erg, omdat deze erg goed uitleggen wat elk component doet. Nu heb ik weer zin in komende week!

Bronnen

playlist over AR systeem in Unity Unity tutorial

Dag 6

Na de kick-off van vandaag ben ik gelijk begonnen met verder werken in Unity. Ik heb een nieuw document aangemaakt en ben daar opnieuw het museum gaan maken, omdat er een paar fouten zaten in het andere document (zie in het filmpje bijvoorbeeld de muren die niet aansluiten). Alles lukte wel goed en ging sneller dan in het weekend, behalve de deur daar ben ik lang mee bezig geweest. Je moet namelijk beide kanten van de muur geselecteerd houden en dan een ‘gat’ maken. Doordat ik iets verkeerd deed, pakte hij hem niet waardoor dit echt tot veel bloed, zweet en tranen heeft geleid.

Uiteindelijk was het gelukt en heb ik nog twee andere ruimtes toegevoegd zodat de gebruiker in het schilderij kan stappen. Dit ging wel makkelijk, doordat ik het eerste blok heb gekopieerd en hierin aanpassingen heb gemaakt. Daarna ben ik samen gekomen met Michelle en hebben we besproken wat we nog moeten doen. Ik was al gaan zoeken naar informatie om het geluid toe te voegen. Ik ga morgen kijken of ik de app werkend kan krijgen en Michelle gaat kijken naar het geluid en morgen gaan we samen de hele dag werken op school.

Bronnen

playlist over AR systeem in Unity geluid wat harder wordt als je dichtbij komt Andere video over geluid

Dag 7

Vandaag had ik weer les op school en dus de ruimte om het project te bespreken. Ik heb gesproken met Tim en William (docenten) over hoe ik dingen het beste aan kon pakken. Ik had namelijk best veel stress of ik het project wel op tijd af zou krijgen in de tijd die we kregen en de hoeveelheid dingen die ik nog moest doen. Na dit gesprek voelde ik me al veel beter en ben ik gaan verder werken in Unity.

Simon (medestudent) heeft mij geholpen met het toevoegen van een camera, waardoor ik het resultaat al een soort van kon zien. Daarna wilde ik uitzoeken hoe het werkt op het gemaakte werk te publiceren en dat bleek nog lastiger dan gedacht. Eerst heb ik het zelf geprobeerd, maar uiteindelijk heb ik meerdere tutorials gekeken hoe ik dit moest maken.

Omdat er steeds errors ontstonden en ik niet snapte waardoor ben ik naar de helpdesk gegaan om hulp te krijgen. Waarschijnlijk komt het door het programma wat ik ‘s ochtends met Simon had geïnstalleerd (vuforia), crasht met ARcore. Dus ik moet vuforia verwijderen en ARCore alleen toevoegen en toepassen in de scene. Doordat ik nog steeds tegen errors aanliep was ik een beetje gefrustreerd, maar door goed online te zoeken heb ik uiteindelijk de oplossing gevonden.

Het lag aan bepaalde plugins die crashte met de andere packages. Deze heb ik er toen uitgehaald, waardoor ik de app kon draaien op mijn telefoon. Helaas kwam ik er toen achter dat het lopen nog niet werkte, dus daar ga ik morgen verder aan.

Bronnen

vuforia camera vuforia in Unity Youtubevideo van AR in unity

Dag 8

Vandaag na de kick-off gelijk met michelle afgesproken en besproken wat we vandaag gaan doen. Ik had gisteravond al video’s en informatie gezocht over het lopen door het systeem en vandaag ga ik daar verder aan knutselen. Ik snap niet helemaal of de bewegingen gekoppeld moeten worden aan de camera of dat ik een los ‘loop’ element kan toevoegen. Ik ben hier de hele ochtend mee bezig geweest, maar ik kwam alleen maar errors tegen.

Hierdoor was ik om 1 uur gelijk naar de helpdesk gegaan, maar Chris, docent, kon mij helaas ook niet helpen. Wel gaf hij de tip om nog goed naar de errors online te kijken en kwam ik tot de conclusie dat het ligt aan de versie waarin ik heb gewerkt.

Tussendoor hebben michelle en ik ons ingeschreven voor de fysieke les van morgen. Zo kunnen we het ook nog aan de docenten vragen wat ons probleem zou kunnen zijn.

Om wel nog een app te kunnen creëren wilde ik uitzoeken welke versie wel nog werkte. Hierdoor heb ik na overleg met docenten geprobeerd de nieuwe versie te downloaden en een tutorial te volgen van unity, zodat ik zou begrijpen hoe ik bewegingen moest coderen. In eerste instantie snapte ik alles, maar toen ik bij het coderen aankwam vond ik dat heel lastig. Ik kwam veel bugs tegen, maar uiteindelijk was dat mijn eigen schuld doordat ik niet goed naar alle hoofdletters had gekeken.

Toch is het alsnog niet gelukt omdat ik ben geëindigd met een zwart scherm. Dat vond ik toch wel vervelend, want ik wilde het vandaag graag gemaakt hebben. Ik wilde voor de dag stoppen, maar toen raakte ik weer in gesprek met Michelle over ons project. Toen hebben we besloten om in haar document verder te werken, omdat zij de scene groter had gemaakt en al een first-person camera had toegevoegd.

Omdat onze collab binnen unity niet werkt, heeft Michelle haar document via googledrive gedeeld. Toen ben ik er nog in gaan werken, door bijvoorbeeld de schilderijen toe te voegen. Toen merkte ik echt dat ik moe was, omdat ik het op de verkeerde manier had gedaan. Morgen moet ik dit dus nog even rechtzetten.

Morgen gaan we naar de fysieke les om nog met de docenten te bespreken wat ons probleem zou kunnen zijn en hoe we dat zouden kunnen oplossen. Maar ik ben in elk geval blij dat onze virtuele scene bijna helemaal af is en werkt!

Bronnen

Tutorial voor Unity

Dag 9

Vandaag was de laatste dag van de labweken en zijn Michelle en ik vroeg naar school gegaan om de laatste puntjes op de i te zetten en het project af te maken. Tijdens de les is het niet meer gelukt om een app werkend te krijgen, dus besloten we ons te focussen op het afmaken van de scene.

Gisteren was het verkeerd gegaan met het invoegen van de schilderijen, omdat ik vergeten was om een box toe te voegen. De box zorgt ervoor dat de schilderijen een beetje uitsteken, zoals een echt schilderij. Dit heb ik vandaag nog goed gemaakt. Hierna besloten wij dat er nog meer schilderijen bij moesten om de scene echt helemaal af te maken. Ook heb ik nog de vloer aangepast en gezorgd dat de kamers mooi aansloten.

Ook moesten de scenes van de aparte kamers nog afgemaakt worden, dus dit heb ik daarna gedaan. Michelle heeft afbeeldingen online gezocht en ik heb deze toegevoegd aan de scene. Hierna hebben we nog een video gemaakt voor de presentatie.