Louis van Amerongen - Witteveen+Bos

Transcriptie

1 Christiaan Post Mark Stals - Sweco - Gemeente Eindhoven Louis van Amerongen - Witteveen+Bos

2 Algemeen: Tijdens deze workshop zullen we twee manieren behandelen om vanuit MicroStation een 3D model om te zetten naar een Virtuele wereld. In eerste instantie zullen we in MicroStation een bolfoto gaan renderen. Deze kan vervolgens via een VR applicatie op de smartphone worden bekeken. Een nadeel van deze manier is dat je niet door het 3D model kan bewegen. Een voorbeeld van een bolfoto In tweede instantie gaan we een 3D model vanuit MicroStation exporteren, en vervolgens importeren in een Game Engine (Unity). Hiermee kan een applicatie worden gemaakt voor een smartphone (Android) waarmee we wel door het 3D model kunnen bewegen. Een voorbeeld van een VR Applicatie op een Smartphone Onder hoofdstukken kunt U zogenaamde QR codes vinden. Dit is een patroon waarin in dit geval een link verborgen zit naar afbeeldingen, video s (Youtube) en de Workshop bestanden. Door deze te scannen met een QR code App op uw smartphone, kan deze link geopend worden zonder dat u deze hoeft over te nemen. Een voorbeeld van een QR code scanner is Google googles.

3 Workshopbestanden De voorbeeld bestanden die gebruikt worden bij deze workshop kunnen hieronder worden gedownload. MicroStation bestanden: Unity bestanden:

4 Het maken van een sferische stereoscopische render (bolfoto): -Start MicroStation en open het bestand: SummerschoolWorkshop.dgn. -Ga naar het Saved Views Venster en kies Workshop 1. De camera staat nu in een straatje in het Virtuele centrum van Eindhoven. 1-Open het Saved Views Venster 3-Open de Visualization tab en klik op het Render (Q1) icoon 2-Kies Workshop 1 - Open de visualization tab en klik op het Render Window icoon. -Klik op de Environment knop en kies hier de Environment: Eindhoven. -Klik op de Solar knop en kies Eindhoven. Als de bovenstaande stappen goed zijn gegaan zie je bovenin de Render Setup Window bij Lights en Environment Eindhoven staan.

5 1-Zet environment op Eindhoven. 2-Zet Solar op Eindhoven. 3-Ga naar de Render Settings, kopieer exterior good naar Exterior Good Bolfoto en zet een vinkje voor: Use Spherical Camera Projection. Klik op de Render Settings. -Ga naar de Setting Exterior Good en maak hier een kopie van. -Hernoem de kopie naar Exterior Good Bolfoto. -Zet bij de Settings een vinkje voor Use Spherical Camera Projection. Hiermee zet je de functie aan om een bolfoto te renderen. -Zet een vinkje voor Stereo. Hiermee worden twee afbeeldingen gerenderd. Eén voor het linker, en één voor het rechter oog. Tip: voor extra Settings op het gebied van het renderen van een bolfoto kan je onder Advanced kijken bij Stereo Output en Interocular Distance (Meters). -Stel de resolutie in die de bolfoto moet krijgen. Voor proefrenders is het verstandig om de resolutie niet te hoog in te stellen (max X van 1024) voor een definitieve versie is het verstandig om een

6 minimale resolutie in te stellen van X Druk op de Render knop. Dit kan een tijd duren. Voor deze workshop kan je het resultaat downloaden door de volgende QR Code te gebruiken: Stereoscopische bolfoto (afbeelding voor linker en rechter oog) Bolfoto

7 Bekijken van de afbeeldingen in Virtual Reality op een Smartphone met Android Voor het bekijken van bolfoto s heb je een VR applicatie nodig. Voor Android is VR Media Player een goede. Hiermee kan je een groot aantal verschillende typen VR afbeeldingen bekijken, waaronder degene die we net hebben gemaakt. Link naar VR Media Player (Android) Video:

8 Het maken van een interactieve VirtualReality App: -Open het dgn bestand Summerschoolworkshop.dgn in MicroStation. -Ga naar File Export FBX... -Laat in het FBX Export Settings venster de Stroke Tolerance (Meters) op staan en vink Invert Y and Z. -Kies Export en sla het bestand op als SummerschoolWorkshop.fbx. Video (MicroStation 3D-Model Exporteren naar.fbx):

9 Unity: Unity is een Game Engine ontwikkeld door Unity Technologies. Een groot voordeel van deze Game engine is dat er erg veel informatie over te vinden is op internet. Ook ondersteund het meerdere platformen zoals PC, webpagina, smartphone en verschillende game consoles. Het is zelfs het standaard ontwikkelplatform van de Wii U. Kortom, je hoeft een game slechts één keer te ontwikkelen voor meerdere consoles. Wat de applicatie verder erg aantrekkelijk maakt is dat het kosteloos gebruikt kan worden voor niet commerciële doeleinden. Een groot deel van Unity bestaat uit programmeren (C# of Javascript). Voor veel mensen kan dit een drempel zijn. Met behulp van Google echter, zal ook de gebruiker met minder programmeertalent een heel eind kunnen komen. Voor deze workshop maken we gebruik van een voorbewerkt bestand. Hier is het programmeerdeel al in verwerkt. Tijdens deze workshop leren we hoe we een fbx bestand, geëxporteerd uit MicroStation via Unity kunnen ombouwen naar een Android Virtual Reality Applicatie.

10 - Open Unity. -Kies Open en selecteer de projectmap (D:\Unity\TMC - MicroStation naar VR\) -Als Unity geopend is ga je bij Assets naar de map 3D model. Sleep hier SummerschoolWorkshop.fbx in. -Sleep SummerschoolWorkshop.fbx in de scene en zet deze in de Inspector op Position: x0,y0,z0. -Sleep in de hierarchy het object GvrMain (VR Camera) naar een locatie waar je de VR tocht wil laten beginnen (in het voorbeeld x65, y1.5, z90) 2 Sleep SummerschoolWorkshop (fbx) in dit venster. 3 Selecteer GvrMain. 4 Vul hier bij Position x65, y1.5, z90 in. 1 - Sleep hier het fbx bestand in. -Druk op het Play Icoon. Met de ALT toets ingedrukt kan je samen met de muis om je heen kijken. Als je op het scherm klikt, zal je vooruit gaan bewegen. Je loopt in de richting waarnaar je kijkt. Je zal nu alleen door de grond heen zakken. Dit komt doordat de elementen nog niet de eigenschap hebben om de camera tegen te houden. Deze eigenschap heet een Collider. Je hebt verschillende soorten Colliders. In dit voorbeeld maken we gebruik van een Mesh Collider.

11 Tip - Mochten er materialen / Objecten Transparant zijn dan ga je in de Assets naar 3D model Materials. Selecteer hier alle materialen. Ga in het Inpector Venster naar Rendering Mode en zet deze op Opaque. -Selecteer in de SummerschoolWorkshop map alle elementen genaamd Mesh. -Ga naar Add Component Physics Mesh Collider. In de Inspector zal nu overal een Mesh Collider Component zichtbaar zijn. 1 Selecteer alle meshes in in Summerschool Workshop 2 - Klik hier op Add Component. Ga naar Physics en kies Mesh Collider -Klik nu nogmaals op de Play knop. De applicatie is klaar. Je kan nu door je project heen lopen. Nu moeten we deze alleen nog exporteren naar Android zodat we deze kunnen gebruiken op een Smartphone. Exporteren: -Ga naar File Build Settings. Het Build Settings Venster wordt geopend. -Bij Scenes in Build staat als het goed is Main. -Kies bij Platform: Android. -Ga naar Player Settings. -Vul bij Company name en Product Name een passende naam in. -Ga naar Other Settings. -Zet een vinkje voor Virtual Reality Supported. -Kies bij Virtual Reality SDK s (door op de +te klikken): Cardboard -Vul bij Package Name com.test.test in. Alle namen kunnen op de plek van Test. (Dit is de naam van het installatie bestand) -Controleer of Minimum API Level op 19 staat.

12 -Kies nu Build. -Het Build Android Venster wordt geopend. Geef je Android Packager File een naam en sla deze op. -Er zijn verschillende methoden om het bestand op een Android telefoon te plaatsen. Zo kan het bestand g d of geupload worden naar een cloud opslag. Verder kan je natuurlijk ook je telefoon op de laptop aansluiten met een (USB) kabel. Video (Unity fbx importeren, bewerken en opslaan als.apk (Android installatie) bestand): Android: -Zet het bestand op een locatie op je telefoon. -Open het apk bestand. Waarschijnlijk moet je vervolgens toestemming geven om de app te installeren op je telefoon. -Open het bestand en loop vervolgens door je project. Het.apk (Android Installatie) bestand.