top of page

Workshop: AR/VR

Tijdens de workshop AR/VR heb ik op twee manieren geleerd om een AR/VR omgeving te kunnen creëren. Allereerst heb ik gewerkt met Unreal Engine, een ontwikkelomgeving voor het creëren van virtuele werelden. Daarnaast heb ik gewerkt met A-Frame, een web framework voor het bouwen van Virtual Reality Experiences. 

Unreal Engine

Voor het Unreal Engine Assignment heb ik de volgende tutorial gevolgd: Unreal Engine 4 Tutorial for Beginners: Getting Started. Hieronder ligt ik toe hoe dit is gegaan. Tijdens het proces heb ik screenshots gemaakt op relevante momenten. Door de verschillende screenshots is mijn proces te volgen. Aan het eind heb ik ook een video gemaakt waarin het eindresultaat te zien is. 

Unreal Engine: Adding Meshes Into the Level

Adding Meshes Into the Level

Het toevoegen van de banaan aan het level door de banaan uit de content browser, met linker muisknop ingedrukt, in de viewport te slepen.

Unreal Engine: AddingTextures

Adding Textures

Het toevoegen van kleur en detail aan de banaan via de palette panel zoeken naar TextureSample.

Unreal Engine: Adding Textures 2

Adding Textures 2

Via de Details panel de juiste texture selecteren, in dit geval Banana_Material.

Unreal Engine: Using Materials

Using Materials

Het hiervoor gemaakte texture ook echt aan de banaan toevoegen via de Details panel.

Unreal Engine: Adding Components

Adding Components

Via de Components panel een cilinder toevoegen.

Unreal Engine: Adding Components 2

Adding Components 2

De cilinder korter maken door middel van de scale manipulatior.

Unreal Engine: Adding Components 3

Adding Components 3

Voeg een nieuw component toe met de naam Static Mesh. Selecteer vervolgens in de Details tab Banana_model om de banaan ook echt toe te voegen.

Unreal Engine: Creating A Node

Creating a Node

Ervoor zorgen dat de banaan rond draait door een Node te creëren via de Event Graph tab.

Eindresultaat: Rotating Banana

A-Frame

Voor de workshop A-Frame heb ik de 6 opdrachten gemaakt die bij deze workshop hoorden. Ik heb GitHub gebruikt om mijn code online te kunnen laten zien. Daarnaast heb ik schermopnames gemaakt bij een aantal opdrachten. Deze zijn hieronder te zien.

Linkjes:

GitHub Repository

GitHub Pages

02 Shape

Tijdens deze opdracht heb ik geleerd om een ondergrond te maken en verschillende primitieve vormen weer te geven

04 Animations

Tijdens deze opdracht heb ik geleerd om animatie toe te voegen op een box, zowel door middel van HTML als JavaScript.

06 Interaction Headset

Tijdens deze opdracht heb ik geleerd hoe a-camera werkt en hoe ik een fuse kan toepassen op een animatie

bottom of page