122
EASY VIRTUAL REALITY Mark Billinghurst [email protected] March 18 th 2017

Easy Virtual Reality

Embed Size (px)

Citation preview

Page 1: Easy Virtual Reality

EASY VIRTUAL REALITYMark Billinghurst

[email protected]

March 18th 2017

Page 2: Easy Virtual Reality

Introduction to Virtual Reality

Page 3: Easy Virtual Reality

Ivan Sutherland (1963)

• Sketchpad – first interactive graphics program

Page 4: Easy Virtual Reality

The Ultimate Display“The ultimate display would, of course, be a room within which the computer can control the existence of matter. A chair displayed in such a room would be good enough to sit in. Handcuffs displayed in such a room would be confining, and a bullet displayed in such a room would be fatal”.

Ivan Sutherland, 1965

Page 5: Easy Virtual Reality

An Invisible Interface

Page 6: Easy Virtual Reality

Holodeck

• Star Trek: The Next Generation (1987)• Realization of Sutherland’s Ultimate Display

Page 7: Easy Virtual Reality

Virtual Reality

Computer generated multi-sensory simulation of an artificial environment that is interactive and immersive.

Page 8: Easy Virtual Reality
Page 9: Easy Virtual Reality

What is Virtual Reality?Virtual reality is..

a 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

Page 10: Easy Virtual Reality

First VR Experience

• “This is so real..”• https://www.youtube.com/watch?v=pAC5SeNH8jw

Page 11: Easy Virtual Reality

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

Page 12: Easy Virtual Reality

Types of VR

12

Page 13: Easy Virtual Reality

VR History

Page 14: Easy Virtual Reality

https://immersivelifeblog.files.wordpress.com/2015/04/vr_history.jpg

Page 15: Easy Virtual Reality

When anything new comes along, everyone, like a child discovering the world thinks that they’ve invented it, but you scratch a little and you find a caveman scratching on a wall is creating virtual reality in a sense.

Morton Helig (Hammit 1993)

Page 16: Easy Virtual Reality

Early History (30,000 BC - )

The history of VR is rooted in human’s first attempts to reproduce the world around them

Page 17: Easy Virtual Reality

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)

Page 18: Easy Virtual Reality

Stereo Viewers

Wheatstone (1832)Brewster (1860)

Page 19: Easy Virtual Reality

Viewmaster (1939)

Page 20: Easy Virtual Reality

3D Cinema Golden Era (1950-60s)

• Polarized 3D projection or anaglyph (red/blue)

Page 21: Easy Virtual Reality

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

Page 22: Easy Virtual Reality

Link Trainer (1929 – 1950s)

• Flight Simulator Training• Full six degree of freedom rotation• Force feedback and motion control• Simulated instruments• Modeling common flight conditions

• Over 500,000 pilots trained

Page 23: Easy Virtual Reality

Link Trainer Video (1961)

https://www.youtube.com/watch?v=0yHszBWQIsc

Page 24: Easy Virtual Reality

Early VR Experimenters (1950’s – 80’s)

Helig 1956

Sutherland 1965

Furness 1970’s

Page 25: Easy Virtual Reality

Sensorama Video

https://www.youtube.com/watch?v=vSINEBZNCks

Page 26: Easy Virtual Reality

Sutherland VR Display Prototype

https://www.youtube.com/watch?v=NtwZXGprxag

Page 27: Easy Virtual Reality

The First Wave (1980’s – 90’s)

NASA 1989VPL 1990’s

Virtuality 1990’s

Page 28: Easy Virtual Reality

Desktop VR - 1995• Expensive - $150,000+• 2 million polys/sec• VGA HMD – 30 Hz• Magnetic tracking

Page 29: Easy Virtual Reality

Rise of Commercial VR Companies• W Industries/Virtuality (1985 - 97)

• Location based entertainment• Virtuality VR Arcades

• Division (1989 – 1998)• Turn key VR systems• Visual programming tools

• Virtual i-O (1993 -1997)• Inexpensive gamer HMDs

• Sense8 (1990 - 1998)• WorldToolKit, WorldUp• VR authoring tools

Page 30: Easy Virtual Reality

Demo – Dactyl Nightmare (1991)

https://www.youtube.com/watch?v=L60wgPuuDpE

Page 31: Easy Virtual Reality

• April 2007 Computer World• VR Voted 7th on of 21 biggest flops

• MS Bob #1

Page 32: Easy Virtual Reality

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

Page 33: Easy Virtual Reality

Desktop VR 2016• Graphics Desktop

• $1,500 USD• >4 Billion poly/sec

• $600 HMD • 1080x1200, 90Hz

• Optical tracking• Room scale

Page 34: Easy Virtual Reality

Market Size

Page 35: Easy Virtual Reality

Computer Based vs. Mobile VR

Page 36: Easy Virtual Reality

Oculus Rift

Sony Morpheus

HTC/Valve Vive

2016 - Rise of Consumer HMDs

Page 37: Easy Virtual Reality

HTC Vive

• Room scale tracking• Gesture input devices

Page 38: Easy Virtual Reality

Example HTC Vive App – Tilt Brush

https://www.youtube.com/watch?v=ijukZmYFX-0

Page 39: Easy Virtual Reality

Mobile VR: Google Cardboard

• Released 2014 (Google 20% project)• >80 million shipped/given away• Easy to use developer tools

+ =

Page 40: Easy Virtual Reality

Google Cardboard (V1 and V2)

• Two versions of Google Cardboard• Version 2 suitable for any type of smart phone

Page 41: Easy Virtual Reality

Many Mobile VR Viewers Available

Page 42: Easy Virtual Reality

• In 2016 – 46m possible desktop VR users vs. 400 m mobile VR users• https://thoughts.ishuman.co/vr-will-be-mobile-11529fabf87c#.vfcjzy1vf

Page 43: Easy Virtual Reality

• zxcvz

Page 44: Easy Virtual Reality

Potential for Disruption (BDMI)

• asD

Page 45: Easy Virtual Reality

Why 2016 won’t be like 1996• It’s not just VR anymore• Huge amount of investment• Inexpensive hardware platforms• Easy to use content creation tools• New devices for input and output• Proven use cases – no more Hype!

• Most important: Focus on User Experience

Page 46: Easy Virtual Reality

Conclusion• Virtual Reality has a long history

• > 50 years of HMDs, simulators

• Key elements for VR were in place by early 1990’s• Displays, tracking, input, graphics• Strong support from military, government, universities

• First commercial wave failed in late 1990’s• Too expensive, bad user experience, poor technology, etc

• We are now in second commercial wave• Better experience, Affordable hardware• Large commercial investment, Significant installed user base

• Will Virtual Reality be a commercial success this time?

Page 47: Easy Virtual Reality

Mobile VR Applications

Page 48: Easy Virtual Reality

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

Page 49: Easy Virtual Reality

Immersive Panorama

• High quality 360 image or video surrounding user• User can turn head to see different views• Fixed position

Page 50: Easy Virtual Reality

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

Page 51: Easy Virtual Reality

Applications: Virtual Tours•Visualise architectural diagrams

•Tools such as Autodesk, Revit supporting VR

•Metricon, 3D tours

Page 52: Easy Virtual Reality

Applications: Sports and Entertainment•www.Nexvr.com

•Live streaming events

•NBA Basketball VR

•(1 game per week)

•US Open Tennis VR

•Live Nation concerts

Page 53: Easy Virtual Reality

Capturing Panoramas• Stitching photos together

• Image Composite Editor (Microsoft)• AutoPano (Kolor)

• Using 360 camera• Ricoh Theta-S• Fly360

Page 54: Easy Virtual Reality

Capturing 360 images

Kodak 360 Fly 360 Gear 360 Theta S Nikon

LG 360 Pointgrey Ladybug Panono 360 Bublcam

Page 55: Easy Virtual Reality

Example: Cardboard Camera

• Capture 360 panoramas• Stitch together images on phone• View in VR on Cardboard

Page 56: Easy Virtual Reality

Demo: Cardboard Camera

https://www.youtube.com/watch?v=d5lUXZhWaZY

Page 57: Easy Virtual Reality

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

Page 58: Easy Virtual Reality

100’s of Google Play Cardboard apps

Page 59: Easy Virtual Reality

Sample Applications

Page 60: Easy Virtual Reality

Building VR Experiences

Page 61: Easy Virtual Reality

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

Page 62: Easy Virtual Reality

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

Page 63: Easy Virtual Reality

Unity Interface

Page 64: Easy Virtual Reality

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/

Page 65: Easy Virtual Reality

Panorama VR: InstaVR

Page 66: Easy Virtual Reality

InstaVR

•http://www.instavr.co/•Free, fast panorama VR, deploy to multi platforms

Page 67: Easy Virtual Reality

Demo - Using InstaVR

https://www.youtube.com/watch?v=M2C8vDL0YeA

Page 68: Easy Virtual Reality

Results

https://www.youtube.com/watch?v=JTW86aA1QiM

Page 69: Easy Virtual Reality

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

Page 70: Easy Virtual Reality

Getting Started• Collect assets

• Images, video, panoramas• Create account

Page 71: Easy Virtual Reality

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

Page 72: Easy Virtual Reality

1. Authoring

• Process• Upload content• Load panorama images• Create links between images• Add information hotspots

Page 73: Easy Virtual Reality

InstaVR Interface

• Web based interface

Page 74: Easy Virtual Reality

Upload Content• Select “Click to Add VR Contents” button• Upload desired content

• File chooser• Panorama images

• Select files you want in app

Page 75: Easy Virtual Reality

Create Links

• Select “+Link” button• Position, size link, add icon• Add link destination image

• Image jumped to when link selected

Page 76: Easy Virtual Reality

Create Information Hotspot

• Select “+Hotspot”• Position and Size• Add pop-up image

Page 77: Easy Virtual Reality

2. Branding

• Create app icon and splash screens

Page 78: Easy Virtual Reality

3. Screens

• Create home screen and start process

Page 79: Easy Virtual Reality

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

Page 80: Easy Virtual Reality

5. Download to Device

• Select download tab• Select QR code• Scan code on phone, follow instructions

Page 81: Easy Virtual Reality

3D VR scenesusing ENTiTi

Page 82: Easy Virtual Reality

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 for behaviours

Page 83: Easy Virtual Reality

Entiti Overview

https://www.youtube.com/watch?v=SRuYQoT45Tg

Page 84: Easy Virtual Reality

ENTiTi /Waking App: VR

Page 85: Easy Virtual Reality

Mobile VR Experience

Page 86: Easy Virtual Reality

Entiti Creator• Visual design tool for VR• Create project• Pick VR template• Add assets to project• Assemble scene• Add interactivity• Publish to mobile

Page 87: Easy Virtual Reality

Demo Video: Entiti Creator

https://www.youtube.com/watch?v=-tLRlmcLLPA

Page 88: Easy Virtual Reality

Using Entiti Creator1. Login2. Select Project type/template3. Add assets to asset library4. Drop assets into VR scene5. Add behaviours (optional)6. Publish and view on mobile

Page 89: Easy Virtual Reality

1. Login/Create Account

Page 90: Easy Virtual Reality

2. Select Project Type

Virtual Reality

Project name

Choose “VR Images Presentation”

Page 91: Easy Virtual Reality

Image Presentation Type

Page 92: Easy Virtual Reality

3. Adding Assets to Library

In library, import all T-shirt images(any square images)

Page 93: Easy Virtual Reality

Asset Library

Library is now updated with new assets

Page 94: Easy Virtual Reality

4. Drop Assets in Scene

Double click on items to insert T-shirt images

Page 95: Easy Virtual Reality

Drop Assets into Scene

insert T-shirt images

Page 96: Easy Virtual Reality

Final Scene

Save, Publish

Page 97: Easy Virtual Reality

5. Select Logic to Add Behaviours

Page 98: Easy Virtual Reality

Demo: Using Entiti Logic

https://www.youtube.com/watch?v=3OeBkdhzMXs

Page 99: Easy Virtual Reality

6. Mobile App Preview: ENTiTi

Search in ENTiTi: name of your project

Select “Virtual Reality”

Page 100: Easy Virtual Reality

Mobile App Preview

Experience• Hands-free navigation• Insert in google cardboard

Page 101: Easy Virtual Reality

Demo: Virtual Shoe Store

https://www.youtube.com/watch?v=LxfdG3AO3o4

Page 102: Easy Virtual Reality

Vizor: Web based VR

Page 103: Easy Virtual Reality

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

Page 104: Easy Virtual Reality

Vizor Interface

Page 105: Easy Virtual Reality

Demo: Getting Started with Vizor

https://www.youtube.com/watch?v=_FvWtFyeNss

Page 106: Easy Virtual Reality

Visual Programming

• Select Program Tab • Connect visual elements together

Page 107: Easy Virtual Reality

Demo: Visual Programming with Vizor

https://www.youtube.com/watch?v=yuSy9CSl4i8

Page 108: Easy Virtual Reality

Publish• Select publish tab

• Public/private scene• Generate url

• E.g. http://vizor.io/billinghurst/desert• View in browser

• Desktop, mobile, etc

Page 109: Easy Virtual Reality

VR Research

Page 110: Easy Virtual Reality

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

Page 111: Easy Virtual Reality

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

Page 112: Easy Virtual Reality

Example: Leap Motion

https://www.youtube.com/watch?v=QD4qQBL0X80

Page 113: Easy Virtual Reality

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

Page 114: Easy Virtual Reality

Example: FOVE VR Headset

• Eye tracker integrated into VR HMD• Gaze driven user interface, foveated rendering• https://www.youtube.com/watch?v=8dwdzPaqsDY

Page 115: Easy Virtual Reality

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

Page 116: Easy Virtual Reality

Cyberith Virtualizer Demo

https://www.youtube.com/watch?v=R8lmf3OFrms

Page 117: Easy Virtual Reality

Social VR

• Facebook Social Virtual Reality, AltspaceVR• Bringing Avatars into VR space• Natural social interaction

Page 118: Easy Virtual Reality

Demo: Facebook Social VR

https://www.youtube.com/watch?v=yxHwWHHg4Vs

Page 119: Easy Virtual Reality

Conclusion

Page 120: Easy Virtual Reality

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

Page 121: Easy Virtual Reality

Thank you

Page 122: Easy Virtual Reality

www.empathiccomputing.org

@marknb00

[email protected]