SlideShare a Scribd company logo
CREATE YOUR OWN
VIRTUAL REALITY
EXPERIENCE
Mark Billinghurst, Gun Lee
mark.billinghurst@unisa.edu.au
August 16th 2017
Virtual Reality
Computer generated multi-sensory simulation of an
artificial environment that is interactive and immersive.
Create Your Own VR Experience
First VR Experience
• “This is so real..”
• https://www.youtube.com/watch?v=pAC5SeNH8jw
What is Virtual Reality?
Virtual reality is..
computer technology that replicates an
environment, real or imagined, and simulates a
user's physical presence and environment to
allow for user interaction. (Wikipedia)
• Defining Characteristics
• Environment simulation
• Presence
• Interaction
David Zeltzer’s AIP Cube
nAutonomy – User can to
react to events and stimuli.
nInteraction – User can
interact with objects and
environment.
nPresence – User feels
immersed through sensory
input and output channels
Interaction
Autonomy
Presence
VR
Zeltzer, D. (1992). Autonomy, interaction, and presence. Presence: Teleoperators
& Virtual Environments, 1(1), 127-132.
Key Technologies
• Autonomy
• Head tracking, body input
• Intelligent systems
• Interaction
• User input devices, HCI
• Presence
• Graphics/audio/multisensory output
• Multisensory displays
• Visual, audio, haptic, olfactory, etc
Typical Virtual Reality System
HMD
Input
Tracking
User
Experience
Types of VR
9
HISTORY OF VR
https://immersivelifeblog.files.wordpress.com/2015/04/vr_history.jpg
1800’s – Capturing Reality
• Panoramas (1790s)
• Immersive paintings
• Photography (1820-30s)
• Oldest surviving photo (Niépce, 1826)
• Stereo imagery (1830s)
• Wheatstone (1832)
• Brewster (1851)
• Movies (1870s)
• Muybridge (1878)
• Roundhay Garden Scene (1888)
Stereo Viewers + Movies
Brewster (1860)
1900s – Interactive Experiences
• Early Simulators (<1960s)
• Flight simulation
• Sensorama (1955)
• Early HMDs (1960s)
• Philco, Ivan Sutherland
• Military + University Research (1970-80s)
• US Airforce, NASA, MIT, UNC
• First Commercial Wave (1980-90s)
• VPL, Virtual i-O, Division, Virtuality
• VR Arcades, Virtual Boy
Early VR Experimenters (1950’s – 80’s)
Helig 1956
Sutherland 1965
Furness 1970’s
Sutherland VR Display Prototype
https://www.youtube.com/watch?v=NtwZXGprxag
The First Wave (1980’s – 90’s)
NASA 1989
VPL 1990’s
Virtuality 1990’s
Desktop VR - 1995
• Expensive - $150,000+
• 2 million polys/sec
• VGA HMD – 30 Hz
• Magnetic tracking
Demo – Dactyl Nightmare (1991)
https://www.youtube.com/watch?v=L60wgPuuDpE
Second Wave (2010 - )
• Palmer Luckey
• HMD hacker
• Mixed Reality Lab (MxR)
• Oculus Rift (2011 - )
• 2012 - $2.4 million kickstarter
• 2014 - $2B acquisition FaceBook
• $350 USD, 110o FOV
Desktop VR 2016
•Graphics Desktop
• $1,500 USD
• >4 Billion poly/sec
•$600 HMD
• 1080x1200, 90Hz
•Optical tracking
• Room scale
Oculus Rift
Sony Morpheus
HTC/Valve Vive
2016 - Rise of Consumer HMDs
HTC Vive
• Room scale tracking
• Gesture input devices
Example HTC Vive App – Tilt Brush
https://www.youtube.com/watch?v=ijukZmYFX-0
Computer Based vs. Mobile VR
MobileVR:Google Cardboard
• Released 2014 (Google 20% project)
• >80 million shipped/given away
• Easy to use developer tools
+ =
Google Cardboard (V1 and V2)
• Two versions of Google Cardboard
• Version 2 suitable for any type of smart phone
Many Mobile VR Viewers Available
• In 2016 – 46m possible desktop VR users vs. 400 m mobile VR users
• https://thoughts.ishuman.co/vr-will-be-mobile-11529fabf87c#.vfcjzy1vf
• zxcvz
MOBILE VR
Types of VR Experiences
• Immersive Spaces
• 360 Panorama’s/Movies
• High visual quality
• Limited interactivity
• Changing viewpoint orientation
• Immersive Experiences
• 3D graphics
• Lower visual quality
• High interactivity
• Movement in space
• Interact with objects
Immersive Panorama
• High quality 360 image or video surrounding user
• User can turn head to see different views
• Fixed position
Example Applications
• Within – Storytelling for VR
• https://with.in/
• High quality 360 VR content
• New York Times VR Experience
• NYTVR application
• Documentary experiences
• Vimeo360
• https://join.vimeo.com/360/
• Immersive 360 movies
Applications: Virtual Tours
https://www.youtube.com/watch?v=vN16M2RZ8k4
Capturing Panoramas
• Stitching photos together
• Image Composite Editor (Microsoft)
• AutoPano (Kolor)
• Using 360 camera
• Ricoh Theta-S
• Fly360
Capturing 360 images
Kodak 360 Fly 360 Gear 360 Theta S Nikon
LG 360 Pointgrey Ladybug Panono 360 Bublcam
Example: Cardboard Camera
• Capture 360 panoramas
• Stitch together images on phone
• View in VR on Cardboard
Demo: Cardboard Camera
https://www.youtube.com/watch?v=d5lUXZhWaZY
Google Cardboard App
• 7 default experiences
• Earth: Fly on Google Earth
• Tour Guide: Visit sites with guides
• YouTube: Watch popular videos
• Exhibit: Examine cultural artifacts
• Photo Sphere: Immersive photos
• Street View: Drive along a street
• Windy Day: Interactive short story
100’s of Google Play Cardboard apps
BUILDING VR
EXPERIENCES
What You Need
• Cardboard Viewer/VR Viewer
• https://www.google.com/get/cardboard/
• Smart phone
• Android/iOS
• Authoring Tools/SDK
• Google VR SDK
• Unity/Unreal game engine
• Non programming tools
• Content
• 3D models, video, images, sounds
Software Tools
• Low level SDKs
• Need programming ability
• Java, C#, C++, etc
• Example: Google VR SDK (iOS, Android)
• https://developers.google.com/vr/
• Game Engines
• Powerful, need scripting ability
• Unity - https://unity3d.com/
• Unreal - https://www.unrealengine.com/vr
• Combine with VR plugins (HMDs, input devices)
• Google VR Unity plugin
Unity Interface
Tools for Non-Programmers
• Focus on Design, ease of use
• Visual Programming, content arrangement
• Examples
• Insta-VR – 360 panoramas
• http://www.instavr.co/
• Vizor – VR on the Web
• http://vizor.io/
• A-frame – HTML based
• https://aframe.io/
• ENTiTi – Both AR and VR authoring
• http://www.wakingapp.com/
• Eon Creator – Drag and drop tool for AR/VR
• http://www.eonreality.com/eon-creator/
INSTAVR
InstaVR
•http://www.instavr.co/
•Free, fast panorama VR, deploy to multi platforms
Demo - Using InstaVR
• https://www.youtube.com/watch?v=M2C8vDL0YeA
Results
• https://www.youtube.com/watch?v=JTW86aA1QiM
Development Flow
•Collect assets
•360 panoramas, video, images
•Upload to web repository
•InstaVR account
•Add content flow
•links, hotspots, text content
•Test in browser
•Publish to platform:
•Android, IOS, Gear VR, Web, Daydream, Oculus Rift, HTC Vive,
Playstation VR
Getting Started
• Collect assets
• Images, video, panoramas
• Create account
Collecting Assets
• Sample Assets
• Under Support > Sample
• Tutorial Assets
• https://goo.gl/tqyLxU
• Create your own
• 360 Camera
• Insta 360, Ricoh Theta, Gear 360
• Google Street View Camera
• Cardboard Camera
Process
• 1. Authoring
• Upload content and create links
• 2. Branding
• Create icon, splash image, etc
• 3. Create Screens
• Home screen, launch experience
• 4. Package into application
• Create Android .apk file, iOS, etc
• 5. Download to device
1. Authoring
• Process
• Upload content
• Load panorama images
• Create links between images
• Add information hotspots and actions
InstaVR Interface
• Web based interface
Upload Content
• Select “Click to Add VR Contents” button
• Upload desired content
• File chooser
• Panorama images
• Select files you want in app
Create Links
• Select “+Link” button
• Position, size link, add icon
• Add link destination image
• Image jumped to when link selected
Create Information Hotspot
• Select “+Hotspot”
• Position and Size
• Add pop-up image
Preview on a Mobile Device
• Preview App download
• iOS: https://console.instavr.co/distribution/editor
• Settings > General > Device Management > InstaVR Inc. > Trust
• Android: https://goo.gl/B5Bde9
• Settings > Security > Unknown Sources
2. Branding
• Create app icon and splash screens
3. Screens
• Create home screen and start process
4. Package
• Creates executable application
• Select platform you want to deploy to
• Currently Android, iOS, GearVR
• Click package button and wait
• Note – takes a long time in free version
5. Download to Device
• Select download tab
• iOS: https://console.instavr.co/distribution/list
• Android: Click the link or scan QR code to download apk
Summary
• InstaVR
• Authoring tool for creating 360 panorama based VR apps
• Web-based interface, easy to learn and use
• Deploy to various platforms
OTHER EDITING TOOLS
Editing Immersive Experiences
• Developing interactive 3D experiences
• Creating 3D scene
• Adding richer interactivity
• Simple Tools
• World Builder
• Authoring VR in VR
• Entiti
• AR/VR visual authoring
• Vizor
• Web based VR
• Developer Tools
• Unity, Unreal
World Builder
• https://www.youtube.com/watch?v=65u3W7wjXs0
Entiti
• https://www.wakingapp.com/
• Stand alone application for VR/AR authoring
• Download for Windows/Mac
• Works with Entiti mobile application
• Android, iOS versions
• Delivers multiple VR experiences
• 360 panorama, 3D environments
• Template based VR + Visual Programming
Entiti Overview
https://www.youtube.com/watch?v=SRuYQoT45Tg
Vizor
• http://www.vizor.io/
• Web based full featured VR development
• 360 panorama, 3D environment, interaction
• Visual programming
• Deploy to WebGL - just share URL to run, no app needed
Visual Programming
• Select Program Tab
• Connect visual elements together
Demo: Getting Started with Vizor
https://www.youtube.com/watch?v=_FvWtFyeNss
VR RESEARCH
Many Areas for VR Research
• Display
• Wide field of view, new display technologies
• Tracking
• Precise tracking, wide area
• Interaction
• Natural gesture interaction, human factors
• Authoring Tools
• Content capture, authoring in VR
• Applications
• Collaboration, large scale VR
Bare Hands
• Using computer vision to track bare hand input
• Creates compelling sense of Presence, natural interaction
• Challenges need to be solved
• Not having sense of touch
• Line of sight required to sensor
• Fatigue from holding hands in front of sensor
Example: Leap Motion
• https://www.youtube.com/watch?v=QD4qQBL0X80
Eye Tracking
• Technology
• Shine IR light into eye and look for reflections
• Advantages
• Provides natural hands-free input
• Gaze provides cues as to user attention
• Can be combined with other input technologies
Example: FOVE VR Headset
• Eye tracker integrated into VR HMD
• Gaze driven user interface, foveated rendering
• https://www.youtube.com/watch?v=8dwdzPaqsDY
Pedestrian Devices
• Pedestrian input in VR
• Walking/running in VR
• Virtuix Omni
• Special shoes
• http://www.virtuix.com
• Cyberith Virtualizer
• Socks + slippery surface
• http://cyberith.com
Cyberith Virtualizer Demo
• https://www.youtube.com/watch?v=R8lmf3OFrms
Social VR
• Facebook Social Virtual Reality, AltspaceVR
• Bringing Avatars into VR space
• Natural social interaction
Demo: Facebook Social VR
https://www.youtube.com/watch?v=yxHwWHHg4Vs
CONCLUSION
Conclusion
• VR has a long history
• Early prototypes from 1960’s onwards
• VR is having second phase of commercial success
• Projected to grow to over $120B market by 2020
• Mostly mobile VR in near term
• It is easier than ever before to develop VR apps
• Multiple easy to use tools for non-programmers
• Powerful developer tools for programmers
• There are many opportunities for VR research
• Collaboration, interaction, navigation, etc
THANKS
www.empathiccomputing.org
@marknb00
mark.billinghurst@unisa.edu.au

More Related Content

PDF
COMP 4010 - Lecture 8 AR Technology
PDF
Comp4010 lecture6 Prototyping
PPTX
Virtual reality
PDF
COMP 4010 - Lecture 2: VR Technology
PDF
Comp4010 2021 Lecture2-Perception
PDF
COMP 4010 Lecture9 AR Interaction
PDF
2022 COMP4010 Lecture2: Perception
PDF
Comp4010 lecture3-AR Technology
COMP 4010 - Lecture 8 AR Technology
Comp4010 lecture6 Prototyping
Virtual reality
COMP 4010 - Lecture 2: VR Technology
Comp4010 2021 Lecture2-Perception
COMP 4010 Lecture9 AR Interaction
2022 COMP4010 Lecture2: Perception
Comp4010 lecture3-AR Technology

What's hot (20)

PDF
COMP 4010 - Lecture4 VR Technology - Visual and Haptic Displays
PDF
Comp4010 Lecture7 Designing AR Systems
PDF
2022 COMP4010 Lecture1: Introduction to XR
PDF
COMP 4010: Lecture2 VR Technology
PPTX
Virtual Reality
PDF
2022 COMP4010 Lecture 6: Designing AR Systems
PDF
Lecture 2 Presence and Perception
PDF
Comp4010 Lecture5 Interaction and Prototyping
PDF
Lecture 8 Introduction to Augmented Reality
PDF
Comp4010 Lecture13 More Research Directions
PDF
COMP 4010 - Lecture1 Introduction to Virtual Reality
PDF
Comp 4010 2021 - Snap Tutorial-1
PPTX
Virtual Reality
PDF
COMP 4010 - Lecture 5: Interaction Design for Virtual Reality
PDF
COMP 4010 Lecture7 3D User Interfaces for Virtual Reality
PDF
Developing AR and VR Experiences with Unity
PDF
2022 COMP4010 Lecture3: AR Technology
PDF
Comp4010 Lecture12 Research Directions
PDF
2022 COMP4010 Lecture5: AR Prototyping
PPTX
virtual reality Barkha manral seminar on augmented reality.ppt
COMP 4010 - Lecture4 VR Technology - Visual and Haptic Displays
Comp4010 Lecture7 Designing AR Systems
2022 COMP4010 Lecture1: Introduction to XR
COMP 4010: Lecture2 VR Technology
Virtual Reality
2022 COMP4010 Lecture 6: Designing AR Systems
Lecture 2 Presence and Perception
Comp4010 Lecture5 Interaction and Prototyping
Lecture 8 Introduction to Augmented Reality
Comp4010 Lecture13 More Research Directions
COMP 4010 - Lecture1 Introduction to Virtual Reality
Comp 4010 2021 - Snap Tutorial-1
Virtual Reality
COMP 4010 - Lecture 5: Interaction Design for Virtual Reality
COMP 4010 Lecture7 3D User Interfaces for Virtual Reality
Developing AR and VR Experiences with Unity
2022 COMP4010 Lecture3: AR Technology
Comp4010 Lecture12 Research Directions
2022 COMP4010 Lecture5: AR Prototyping
virtual reality Barkha manral seminar on augmented reality.ppt
Ad

Viewers also liked (16)

PDF
COMP 4010: Lecture 6 Example VR Applications
PDF
COMP 4010 - Lecture11 - AR Applications
PDF
COMP 4010 Lecture 3 VR Input and Systems
PDF
COMP 4010 Lecture12 - Research Directions in AR and VR
PDF
COMP 4010 - Lecture10: Mobile AR
PDF
COMP 4010: Lecture8 - AR Technology
PDF
Easy Virtual Reality
PDF
COMP 4010: Lecture 5 - Interaction Design for Virtual Reality
PDF
COMP 4010 - Lecture 7: Introduction to Augmented Reality
PDF
COMP 4010 Lecture 9 AR Interaction
PDF
Collaborative Immersive Analytics
PDF
Fifty Shades of Augmented Reality: Creating Connection Using AR
PDF
Beyond Reality (2027): The Future of Virtual and Augmented Reality
PDF
Building VR Applications For Google Cardboard
PDF
COMP 4010: Lecture 4 - 3D User Interfaces for VR
PDF
Using Interaction Design Methods for Creating AR and VR Interfaces
COMP 4010: Lecture 6 Example VR Applications
COMP 4010 - Lecture11 - AR Applications
COMP 4010 Lecture 3 VR Input and Systems
COMP 4010 Lecture12 - Research Directions in AR and VR
COMP 4010 - Lecture10: Mobile AR
COMP 4010: Lecture8 - AR Technology
Easy Virtual Reality
COMP 4010: Lecture 5 - Interaction Design for Virtual Reality
COMP 4010 - Lecture 7: Introduction to Augmented Reality
COMP 4010 Lecture 9 AR Interaction
Collaborative Immersive Analytics
Fifty Shades of Augmented Reality: Creating Connection Using AR
Beyond Reality (2027): The Future of Virtual and Augmented Reality
Building VR Applications For Google Cardboard
COMP 4010: Lecture 4 - 3D User Interfaces for VR
Using Interaction Design Methods for Creating AR and VR Interfaces
Ad

Similar to Create Your Own VR Experience (20)

PDF
Building AR and VR Experiences
PDF
Mobile AR Tutorial
PDF
Cardboard VR: Building Low Cost VR Experiences
PDF
AR-VR Workshop
PDF
Rapid Prototyping for XR: Lecture 6 - AI for Prototyping and Research Directi...
PDF
Rapid Prototyping for XR: Lecture 4 - High Level Prototyping.
PPTX
Introduction to daydream for AnDevCon DC - 2017
PDF
Lecture 9 AR Technology
PDF
Borys Pratciuk Augmented reality romania
PDF
DroidCon Paris 2013 - Recap at the Mobile Innovations Dakar Meetup
PPTX
Virtual, Augmented, and Hybrid Reality
PPTX
The Wikitude SDK and the Wikitude Studio
PDF
Getting started with Unity and AR/VR for the .NET developer... Reloaded!
PDF
WebinarFilkom-VirtualTour-HermanT.pdf
PPTX
Mixed reality for Windows 10
PPT
Augmented reality
PDF
Application in Augmented and Virtual Reality
PDF
Lecture 4: VR Systems
PPTX
Wearable Development Ecosystem
PDF
How to Use WebVR to Enhance the Web Experience
Building AR and VR Experiences
Mobile AR Tutorial
Cardboard VR: Building Low Cost VR Experiences
AR-VR Workshop
Rapid Prototyping for XR: Lecture 6 - AI for Prototyping and Research Directi...
Rapid Prototyping for XR: Lecture 4 - High Level Prototyping.
Introduction to daydream for AnDevCon DC - 2017
Lecture 9 AR Technology
Borys Pratciuk Augmented reality romania
DroidCon Paris 2013 - Recap at the Mobile Innovations Dakar Meetup
Virtual, Augmented, and Hybrid Reality
The Wikitude SDK and the Wikitude Studio
Getting started with Unity and AR/VR for the .NET developer... Reloaded!
WebinarFilkom-VirtualTour-HermanT.pdf
Mixed reality for Windows 10
Augmented reality
Application in Augmented and Virtual Reality
Lecture 4: VR Systems
Wearable Development Ecosystem
How to Use WebVR to Enhance the Web Experience

More from Mark Billinghurst (20)

PDF
Empathic Computing: Creating Shared Understanding
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Rapid Prototyping for XR: Lecture 5 - Cross Platform Development
PDF
Rapid Prototyping for XR: Lecture 3 - Video and Paper Prototyping
PDF
Rapid Prototyping for XR: Lecture 2 - Low Fidelity Prototyping.
PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
PDF
Research Directions in Heads-Up Computing
PDF
IVE 2024 Short Course - Lecture18- Hacking Emotions in VR Collaboration.
PDF
IVE 2024 Short Course - Lecture13 - Neurotechnology for Enhanced Interaction ...
PDF
IVE 2024 Short Course Lecture15 - Measuring Cybersickness
PDF
IVE 2024 Short Course - Lecture14 - Evaluation
PDF
IVE 2024 Short Course - Lecture12 - OpenVibe Tutorial
PDF
IVE 2024 Short Course Lecture10 - Multimodal Emotion Recognition in Conversat...
PDF
IVE 2024 Short Course Lecture 9 - Empathic Computing in VR
PDF
IVE 2024 Short Course - Lecture 8 - Electroencephalography (EEG) Basics
PDF
IVE 2024 Short Course - Lecture16- Cognixion Axon-R
PDF
IVE 2024 Short Course - Lecture 2 - Fundamentals of Perception
PDF
Research Directions for Cross Reality Interfaces
PDF
The Metaverse: Are We There Yet?
PDF
Human Factors of XR: Using Human Factors to Design XR Systems
Empathic Computing: Creating Shared Understanding
Reach Out and Touch Someone: Haptics and Empathic Computing
Rapid Prototyping for XR: Lecture 5 - Cross Platform Development
Rapid Prototyping for XR: Lecture 3 - Video and Paper Prototyping
Rapid Prototyping for XR: Lecture 2 - Low Fidelity Prototyping.
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Research Directions in Heads-Up Computing
IVE 2024 Short Course - Lecture18- Hacking Emotions in VR Collaboration.
IVE 2024 Short Course - Lecture13 - Neurotechnology for Enhanced Interaction ...
IVE 2024 Short Course Lecture15 - Measuring Cybersickness
IVE 2024 Short Course - Lecture14 - Evaluation
IVE 2024 Short Course - Lecture12 - OpenVibe Tutorial
IVE 2024 Short Course Lecture10 - Multimodal Emotion Recognition in Conversat...
IVE 2024 Short Course Lecture 9 - Empathic Computing in VR
IVE 2024 Short Course - Lecture 8 - Electroencephalography (EEG) Basics
IVE 2024 Short Course - Lecture16- Cognixion Axon-R
IVE 2024 Short Course - Lecture 2 - Fundamentals of Perception
Research Directions for Cross Reality Interfaces
The Metaverse: Are We There Yet?
Human Factors of XR: Using Human Factors to Design XR Systems

Recently uploaded (20)

PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Spectroscopy.pptx food analysis technology
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Machine learning based COVID-19 study performance prediction
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Encapsulation_ Review paper, used for researhc scholars
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Diabetes mellitus diagnosis method based random forest with bat algorithm
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Spectroscopy.pptx food analysis technology
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Machine learning based COVID-19 study performance prediction
Per capita expenditure prediction using model stacking based on satellite ima...
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Encapsulation_ Review paper, used for researhc scholars
“AI and Expert System Decision Support & Business Intelligence Systems”
MIND Revenue Release Quarter 2 2025 Press Release
Building Integrated photovoltaic BIPV_UPV.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
20250228 LYD VKU AI Blended-Learning.pptx
Spectral efficient network and resource selection model in 5G networks
Review of recent advances in non-invasive hemoglobin estimation
How UI/UX Design Impacts User Retention in Mobile Apps.pdf

Create Your Own VR Experience

  • 1. CREATE YOUR OWN VIRTUAL REALITY EXPERIENCE Mark Billinghurst, Gun Lee mark.billinghurst@unisa.edu.au August 16th 2017
  • 2. Virtual Reality Computer generated multi-sensory simulation of an artificial environment that is interactive and immersive.
  • 4. First VR Experience • “This is so real..” • https://www.youtube.com/watch?v=pAC5SeNH8jw
  • 5. What is Virtual Reality? Virtual reality is.. computer technology that replicates an environment, real or imagined, and simulates a user's physical presence and environment to allow for user interaction. (Wikipedia) • Defining Characteristics • Environment simulation • Presence • Interaction
  • 6. David Zeltzer’s AIP Cube nAutonomy – User can to react to events and stimuli. nInteraction – User can interact with objects and environment. nPresence – User feels immersed through sensory input and output channels Interaction Autonomy Presence VR Zeltzer, D. (1992). Autonomy, interaction, and presence. Presence: Teleoperators & Virtual Environments, 1(1), 127-132.
  • 7. Key Technologies • Autonomy • Head tracking, body input • Intelligent systems • Interaction • User input devices, HCI • Presence • Graphics/audio/multisensory output • Multisensory displays • Visual, audio, haptic, olfactory, etc
  • 8. Typical Virtual Reality System HMD Input Tracking User Experience
  • 12. 1800’s – Capturing Reality • Panoramas (1790s) • Immersive paintings • Photography (1820-30s) • Oldest surviving photo (Niépce, 1826) • Stereo imagery (1830s) • Wheatstone (1832) • Brewster (1851) • Movies (1870s) • Muybridge (1878) • Roundhay Garden Scene (1888)
  • 13. Stereo Viewers + Movies Brewster (1860)
  • 14. 1900s – Interactive Experiences • Early Simulators (<1960s) • Flight simulation • Sensorama (1955) • Early HMDs (1960s) • Philco, Ivan Sutherland • Military + University Research (1970-80s) • US Airforce, NASA, MIT, UNC • First Commercial Wave (1980-90s) • VPL, Virtual i-O, Division, Virtuality • VR Arcades, Virtual Boy
  • 15. Early VR Experimenters (1950’s – 80’s) Helig 1956 Sutherland 1965 Furness 1970’s
  • 16. Sutherland VR Display Prototype https://www.youtube.com/watch?v=NtwZXGprxag
  • 17. The First Wave (1980’s – 90’s) NASA 1989 VPL 1990’s Virtuality 1990’s
  • 18. Desktop VR - 1995 • Expensive - $150,000+ • 2 million polys/sec • VGA HMD – 30 Hz • Magnetic tracking
  • 19. Demo – Dactyl Nightmare (1991) https://www.youtube.com/watch?v=L60wgPuuDpE
  • 20. Second Wave (2010 - ) • Palmer Luckey • HMD hacker • Mixed Reality Lab (MxR) • Oculus Rift (2011 - ) • 2012 - $2.4 million kickstarter • 2014 - $2B acquisition FaceBook • $350 USD, 110o FOV
  • 21. Desktop VR 2016 •Graphics Desktop • $1,500 USD • >4 Billion poly/sec •$600 HMD • 1080x1200, 90Hz •Optical tracking • Room scale
  • 22. Oculus Rift Sony Morpheus HTC/Valve Vive 2016 - Rise of Consumer HMDs
  • 23. HTC Vive • Room scale tracking • Gesture input devices
  • 24. Example HTC Vive App – Tilt Brush https://www.youtube.com/watch?v=ijukZmYFX-0
  • 25. Computer Based vs. Mobile VR
  • 26. MobileVR:Google Cardboard • Released 2014 (Google 20% project) • >80 million shipped/given away • Easy to use developer tools + =
  • 27. Google Cardboard (V1 and V2) • Two versions of Google Cardboard • Version 2 suitable for any type of smart phone
  • 28. Many Mobile VR Viewers Available
  • 29. • In 2016 – 46m possible desktop VR users vs. 400 m mobile VR users • https://thoughts.ishuman.co/vr-will-be-mobile-11529fabf87c#.vfcjzy1vf
  • 32. Types of VR Experiences • Immersive Spaces • 360 Panorama’s/Movies • High visual quality • Limited interactivity • Changing viewpoint orientation • Immersive Experiences • 3D graphics • Lower visual quality • High interactivity • Movement in space • Interact with objects
  • 33. Immersive Panorama • High quality 360 image or video surrounding user • User can turn head to see different views • Fixed position
  • 34. Example Applications • Within – Storytelling for VR • https://with.in/ • High quality 360 VR content • New York Times VR Experience • NYTVR application • Documentary experiences • Vimeo360 • https://join.vimeo.com/360/ • Immersive 360 movies
  • 36. Capturing Panoramas • Stitching photos together • Image Composite Editor (Microsoft) • AutoPano (Kolor) • Using 360 camera • Ricoh Theta-S • Fly360
  • 37. Capturing 360 images Kodak 360 Fly 360 Gear 360 Theta S Nikon LG 360 Pointgrey Ladybug Panono 360 Bublcam
  • 38. Example: Cardboard Camera • Capture 360 panoramas • Stitch together images on phone • View in VR on Cardboard
  • 40. Google Cardboard App • 7 default experiences • Earth: Fly on Google Earth • Tour Guide: Visit sites with guides • YouTube: Watch popular videos • Exhibit: Examine cultural artifacts • Photo Sphere: Immersive photos • Street View: Drive along a street • Windy Day: Interactive short story
  • 41. 100’s of Google Play Cardboard apps
  • 43. What You Need • Cardboard Viewer/VR Viewer • https://www.google.com/get/cardboard/ • Smart phone • Android/iOS • Authoring Tools/SDK • Google VR SDK • Unity/Unreal game engine • Non programming tools • Content • 3D models, video, images, sounds
  • 44. Software Tools • Low level SDKs • Need programming ability • Java, C#, C++, etc • Example: Google VR SDK (iOS, Android) • https://developers.google.com/vr/ • Game Engines • Powerful, need scripting ability • Unity - https://unity3d.com/ • Unreal - https://www.unrealengine.com/vr • Combine with VR plugins (HMDs, input devices) • Google VR Unity plugin
  • 46. Tools for Non-Programmers • Focus on Design, ease of use • Visual Programming, content arrangement • Examples • Insta-VR – 360 panoramas • http://www.instavr.co/ • Vizor – VR on the Web • http://vizor.io/ • A-frame – HTML based • https://aframe.io/ • ENTiTi – Both AR and VR authoring • http://www.wakingapp.com/ • Eon Creator – Drag and drop tool for AR/VR • http://www.eonreality.com/eon-creator/
  • 49. Demo - Using InstaVR • https://www.youtube.com/watch?v=M2C8vDL0YeA
  • 51. Development Flow •Collect assets •360 panoramas, video, images •Upload to web repository •InstaVR account •Add content flow •links, hotspots, text content •Test in browser •Publish to platform: •Android, IOS, Gear VR, Web, Daydream, Oculus Rift, HTC Vive, Playstation VR
  • 52. Getting Started • Collect assets • Images, video, panoramas • Create account
  • 53. Collecting Assets • Sample Assets • Under Support > Sample • Tutorial Assets • https://goo.gl/tqyLxU • Create your own • 360 Camera • Insta 360, Ricoh Theta, Gear 360 • Google Street View Camera • Cardboard Camera
  • 54. Process • 1. Authoring • Upload content and create links • 2. Branding • Create icon, splash image, etc • 3. Create Screens • Home screen, launch experience • 4. Package into application • Create Android .apk file, iOS, etc • 5. Download to device
  • 55. 1. Authoring • Process • Upload content • Load panorama images • Create links between images • Add information hotspots and actions
  • 56. InstaVR Interface • Web based interface
  • 57. Upload Content • Select “Click to Add VR Contents” button • Upload desired content • File chooser • Panorama images • Select files you want in app
  • 58. Create Links • Select “+Link” button • Position, size link, add icon • Add link destination image • Image jumped to when link selected
  • 59. Create Information Hotspot • Select “+Hotspot” • Position and Size • Add pop-up image
  • 60. Preview on a Mobile Device • Preview App download • iOS: https://console.instavr.co/distribution/editor • Settings > General > Device Management > InstaVR Inc. > Trust • Android: https://goo.gl/B5Bde9 • Settings > Security > Unknown Sources
  • 61. 2. Branding • Create app icon and splash screens
  • 62. 3. Screens • Create home screen and start process
  • 63. 4. Package • Creates executable application • Select platform you want to deploy to • Currently Android, iOS, GearVR • Click package button and wait • Note – takes a long time in free version
  • 64. 5. Download to Device • Select download tab • iOS: https://console.instavr.co/distribution/list • Android: Click the link or scan QR code to download apk
  • 65. Summary • InstaVR • Authoring tool for creating 360 panorama based VR apps • Web-based interface, easy to learn and use • Deploy to various platforms
  • 67. Editing Immersive Experiences • Developing interactive 3D experiences • Creating 3D scene • Adding richer interactivity • Simple Tools • World Builder • Authoring VR in VR • Entiti • AR/VR visual authoring • Vizor • Web based VR • Developer Tools • Unity, Unreal
  • 69. Entiti • https://www.wakingapp.com/ • Stand alone application for VR/AR authoring • Download for Windows/Mac • Works with Entiti mobile application • Android, iOS versions • Delivers multiple VR experiences • 360 panorama, 3D environments • Template based VR + Visual Programming
  • 71. Vizor • http://www.vizor.io/ • Web based full featured VR development • 360 panorama, 3D environment, interaction • Visual programming • Deploy to WebGL - just share URL to run, no app needed
  • 72. Visual Programming • Select Program Tab • Connect visual elements together
  • 73. Demo: Getting Started with Vizor https://www.youtube.com/watch?v=_FvWtFyeNss
  • 75. Many Areas for VR Research • Display • Wide field of view, new display technologies • Tracking • Precise tracking, wide area • Interaction • Natural gesture interaction, human factors • Authoring Tools • Content capture, authoring in VR • Applications • Collaboration, large scale VR
  • 76. Bare Hands • Using computer vision to track bare hand input • Creates compelling sense of Presence, natural interaction • Challenges need to be solved • Not having sense of touch • Line of sight required to sensor • Fatigue from holding hands in front of sensor
  • 77. Example: Leap Motion • https://www.youtube.com/watch?v=QD4qQBL0X80
  • 78. Eye Tracking • Technology • Shine IR light into eye and look for reflections • Advantages • Provides natural hands-free input • Gaze provides cues as to user attention • Can be combined with other input technologies
  • 79. Example: FOVE VR Headset • Eye tracker integrated into VR HMD • Gaze driven user interface, foveated rendering • https://www.youtube.com/watch?v=8dwdzPaqsDY
  • 80. Pedestrian Devices • Pedestrian input in VR • Walking/running in VR • Virtuix Omni • Special shoes • http://www.virtuix.com • Cyberith Virtualizer • Socks + slippery surface • http://cyberith.com
  • 81. Cyberith Virtualizer Demo • https://www.youtube.com/watch?v=R8lmf3OFrms
  • 82. Social VR • Facebook Social Virtual Reality, AltspaceVR • Bringing Avatars into VR space • Natural social interaction
  • 83. Demo: Facebook Social VR https://www.youtube.com/watch?v=yxHwWHHg4Vs
  • 85. Conclusion • VR has a long history • Early prototypes from 1960’s onwards • VR is having second phase of commercial success • Projected to grow to over $120B market by 2020 • Mostly mobile VR in near term • It is easier than ever before to develop VR apps • Multiple easy to use tools for non-programmers • Powerful developer tools for programmers • There are many opportunities for VR research • Collaboration, interaction, navigation, etc