VR Tour

Techniek
Unreal Engine · Blueprints
Team
Solo
Duur
25 werkweken
Context
Stage bij Simulatie Centrum Maritiem

Aanleiding Met VR Tour doorloop je scenario's die zijn opgebouwd uit 360-gradenfoto's en -video's. Onderweg krijg je informatie over specifieke punten. Zo kunnen mariniers in VR een omgeving leren kennen, zonder dat ze er in het echt hoeven te zijn. Door mijn geheimhoudingsplicht kan ik niet alles laten zien.

De tool Er zijn standaardscenario's met informatie over de ruimtes die je kunt ontdekken. Daarnaast is er een editormodus waarin je tijdens runtime zelf scenario's maakt: je plaatst informatiepunten, koppelt je eigen foto's en video's, en slaat alles op je pc op om later weer te gebruiken.

Mijn rol Ik ben de enige developer op dit project, dus alles heb ik zelf gebouwd: het inladen van media, de VR-interactie, de scenario-editor, het opslaan en de tutorial.

Uitgelicht

Eigen foto's en video's gebruiken zonder iets aan de code te veranderen

De scenario-editor moet werken met beelden die nog niet bestonden toen de app werd gebouwd. Daarom zoekt de editor bij het openen alle afbeeldingen in de mediamap van het project, maakt voor elk bestand een knop in een scrollbare lijst, en laadt het gekozen bestand in via het bestandspad. Nieuwe beelden toevoegen is daardoor een kwestie van ze in de map zetten.

Blueprint die alle fotobestanden zoekt en er knoppen voor maakt

Blueprint: zoekt alle .jpg-bestanden en maakt per bestand een widget in de lijst. Klik om te vergroten.

Tech
Unreal Engine · Blueprints
Team
Solo
Duration
25 working weeks
Context
Internship at Simulatie Centrum Maritiem

Background VR Tour lets you walk through scenarios built from 360-degree photos and videos, with information about specific points along the way. This lets marines get to know an environment in VR without having to be there in real life. Because of a non-disclosure agreement I can't show everything.

The tool There are standard scenarios with information about the rooms you can explore. There is also an editor mode where you create your own scenarios at runtime: you place information points, attach your own photos and videos, and save everything on your PC to use again later.

My role I'm the only developer on this project, so I built everything myself: loading media, the VR interaction, the scenario editor, saving and the tutorial.

Highlight

Using your own photos and videos without changing any code

The scenario editor has to work with images that didn't exist yet when the app was built. So when the editor opens, it finds all images in the project's media folder, creates a button for each file in a scrollable list, and loads the chosen file by its file path. Adding new images is just a matter of putting them in the folder.

Blueprint that finds all photo files and creates buttons for them

Blueprint: finds all .jpg files and creates a widget in the list for each one. Click to enlarge.

Gameplay

Wat het kanWhat it can do

Blueprints

Een selectie uit het project, per onderdeel. Klik op een afbeelding om hem op ware grootte te openen.

A selection from the project, grouped by feature. Click an image to open it at full size.

Media inladenLoading media

Een gekozen 360°-foto inladen
Een gekozen 360°-foto inladenLoading a chosen 360° photo
Een gekozen 360°-video inladen
Een gekozen 360°-video inladenLoading a chosen 360° video
Media afspelen
Media afspelenPlaying media
Thumbnails tonen van de media waaruit je kunt kiezen
Thumbnails tonen van de media waaruit je kunt kiezenShowing thumbnails of the media you can choose from

Scenario-editorScenario editor

Basispunten plaatsen
Basispunten plaatsenPlacing base points
Informatiepunten inspawnen
Informatiepunten inspawnenSpawning information points
Een punt verplaatsen met de speler
Een punt verplaatsen met de spelerMoving a point with the player
De instellingen van een informatiepunt afhandelen
De instellingen van een informatiepunt afhandelenHandling the settings of an information point
De instellingen van een mediapunt afhandelen
De instellingen van een mediapunt afhandelenHandling the settings of a media point
Een widget bijwerken met nieuwe informatie
Een widget bijwerken met nieuwe informatieUpdating a widget with new information
Het opslagmenu inspawnen, op vaste afstand en naar de speler gedraaid
Het opslagmenu inspawnen, op vaste afstand en naar de speler gedraaidSpawning the save menu at a fixed distance, facing the player

VR-interactieVR interaction

Een line trace vanuit de controller met een instelbare lengte
Een line trace vanuit de controller met een instelbare lengteA line trace from the controller with an adjustable length
Controleren of een widget naar de speler moet teleporteren
Controleren of een widget naar de speler moet teleporterenChecking whether a widget should teleport to the player
Een informatiewidget naar de speler laten draaien
Een informatiewidget naar de speler laten draaienRotating an information widget to face the player

TutorialTutorial

De tutorialmodus
De tutorialmodusThe tutorial mode
Naar de volgende tutorialslide
Naar de volgende tutorialslideGoing to the next tutorial slide
Naar de vorige tutorialslide
Naar de vorige tutorialslideGoing to the previous tutorial slide