XR for designer
Published in

XR for designer

Rapid VR prototyping without coding in 2019

⭐This is a fun VR tutorial

What this tutorial is about and the outcome

Final Prototype Video

👏Project Overview

  • Step1: Ideation on paper
  • Step2: 2D assets creation
  • Step3: 3D assets creation
  • Step4: Scene building
  • Step5: Share and present
Tools required for the workflow.

☝Step1: Ideation on paper

How to build faster? Figure things out on paper first.

  1. Know the user. Who is the user of this prototype? How does he interact with the scene? What is his goal?
  2. Storyboard. To express his experience with your prototype, what kind of scenes are needed, describe your scenes with storyboards.
  3. Assets preparation. Try to ideate some assets you will use. How does the interface look like, what kind of 3D models you will need? Prepare a list of all the assets needed. Like this
Flow and storyboard for the experience

✌Step2: 2D assets creation

Tip1: Figma, a web-based lightning-fast interface design tool

My Figma 2D asset template

Tip2: Start your creation with great VR Design templates

Google’s amazing VR interface template

👌 Step3: 3D assets creation

Tip1: Find what you need from Sketchfab and Google Poly

Tip2: Create what you need with Google Blocks

  1. Big picture first, details later

Tip3: Use Oculus Dash to pin your reference

This video is me referring to the dark sword with Oculus Dash.

🖖Step4: Scene building

Tip1: How to import assets

Tip2: The logic of building a scene

Important images are bigger :)

Tip3: Some Music?

🖐Step5: Share and present

  1. Share the scene with Sketchfab. Export your scene from Sketchbox and import it into Sketchfab. You can set up multiple viewing points in Sketchfab and your viewer can view the scene with simple cardboard.
  2. Record your scene and share the video. Using the Oculus mirror and OBS Studio, you can record your gameplay and your voiceover. Here is a tutorial on how to do it.

Conclusion and credit

  1. A clear vision on what is your prototype (Bring this to discuss with others)
  2. Enough 2D assets (Take them and produce more polished interfaces)
  3. Good 3D assets (Use as a library)
  4. Several 3D scenes that have a story and can be freely explored (Best start for your next step)



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store