Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (19)
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Virtual Reality on the Web
Ähnlich wie Virtual Reality on the Web (20)
Mehr von Luis Diego González-Zúñiga, PhD
Mehr von Luis Diego González-Zúñiga, PhD (18)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Virtual Reality on the Web
- 1. Virtual Reality on the Web @diekus / @samsunginternet https://samsunginter.net
- 3. Virtual Reality the computer-generated simulation of a three- dimensional image or environment that can be interacted with in a seemingly real or physical way by a person using special electronic equipment, such as a helmet with a screen inside or gloves fitted with sensors. source: Oxford Dictionaries
- 6. HMD Required:* • < 20ms motion to photon latency • Gear VR • DK2 • Display resolution? • Galaxy S7 - WQHD (1280x1440 per eye) • PSVR - Full HD (960x1080 per eye) *desired
- 7. audio binaural/3D positional audio audio-visual realism and synchronization Audio Must be Consistent With What You See
- 8. interaction
- 9. content
- 10. contentpre-approved closed environment wait several minutes download 100s of MBs experience you discard after 1 use
- 11. if only…
- 12. Open, fast, secure, frictionless, accessible, widely distributed, cross device, easy-to-share, scalable
- 13. Who is ready?
- 14. ?
- 15. source: webvr.rocks * Supported by WebVR
- 16. content audio interaction WebVR API WebAudio API Gamepad API Content: • 360° media • Frameworks • Engines
- 17. WebVR API WebVR is an experimental JavaScript API that provides access to Virtual Reality devices in your browser + navigator.getVRDisplays()
- 18. WebAudio window.AudioContext inputs effects destination biquad filter reverb panner compressor stream oscillator <audio>
- 19. Gamepad API Gamepad Haptics Gamepad Pose 3/6 DoF Touchpad Support Gamepad Extensions navigator.getGamepads()
- 20. Web Speech API let recognition = new SpeechRecognition();
- 21. 360° media
- 22. Frameworks, engines, renderers THREE.js A-Frame ReactVR XML3D-NG Vizor.io PlayCanvas WebGL Unity
- 23. A-Frame <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/style.css" rel="stylesheet"> <link rel="manifest" href="manifest.json"> <script src="aframe.js"></script> <title>A-Frame at MWP 2017</title> </head> <body> <a-scene> </a-scene> </body> </html>
- 24. source: http://rolanddubois.com/webvr/gravr-component/ & https://playcanv.as/p/SA7hVBLt/ If visual fidelity was all that mattered we would be watching Blu-rays instead of Netflix -J.Carpenter
- 25. Why WebVR?
- 26. Democratizes VR
- 27. Panorama June 2016 • Over 200,000 developers registered to work on Oculus Rift. • 1.3 million subscribers to the YouTube 360 channel. • Cardboard app has been downloaded over 10 million times. source: https://www.linkedin.com/pulse/hype-numbers-vr-industry-peeter-nieler
- 28. source: http://www.wired.co.uk/article/samsung-vr-outships-psvr-htc-vive-and-oculus “4.5 million shipped in one year is an impressive figure and implies the future of VR may, in fact, be mobile.”
- 29. Price is a dominant factor in making a VR purchase decision source: Greenlight VR Consumer Adoption Report 2016, among 1300 people
- 30. How much would you be willing to pay for a VR device? 28% up to 100 € 66% 101-500 € 5% 501-1000€ 1% more than 1000€ source: Deutsche Messe Interactive Online-Befragung unter 1000 Besuchern INVR @ Beyond 2016
- 32. 61% Gaming 59% Meetings 56% Shopping 56% Live Sports source: Greenlight VR Consumer Adoption Report 2016, among 1300 people VR Uses Cases consumers are interested in 74% Travel and Adventure 67% Movies & Recorded Videos 67% Live Events (non sport) 66% Home Design 64% Classes
- 33. source: Virtuleap Partners’ debrief Virtuleap Hackathon Topics Categories included social VR, templates & tools, healthcare & medicine, education, arts & crafts, products, engineering & science, sports, advertising, and trades & craft. Gaming and entertainment represented only 17 percent of the submission pool. ‘Hello, worlds!’ developed by Paris-based Maud Nalpas, the sole female developer to participate in the hackathon, was created as an educational experience for discovering astronomy.
- 34. WebVR on Mobile
- 35. WebVR on Mobile VR can scale gracefully through different devices ranging from mobile only to full room tracking experiences headset gamepadmobilebrowser
- 36. Challenges for VR [on Mobile] • Usability • Controls • Hardware • Accessibility • Content • Disability • Content • New • Existing • Performance • Security • …
- 37. Examples pwac-man bubble word drop
- 38. PWAc-Man Pac-Man like game where the playing space surrounds the user. Uses Gamepad API.
- 39. bubble 360° image viewer. Uses File API.
- 40. word drop Creates words that drop and bounce. Uses WebSpeech API (SpeechRecognition interface).
- 41. Open, fast, secure, frictionless, accessible, widely distributed, cross device, easy-to-share, scalable, independent of connection?
- 42. web pages + ?
- 43. web ‘pages’ running from the device’s home-screen, capable of sending notifications and running offline
- 44. web ‘pages’ running from the device’s home-screen, capable of sending notifications and running offline: Progressive Web App
- 45. The Web on Virtual Reality What does this imply for the browser?
- 46. New Workflows
- 47. New Browsers
- 48. source: Josh Carpenter, Google New Axis
- 49. What do YOU think? • can the web and VR work well together?
- 50. Let’s make this happen
- 51. Virtual Reality on the Web @diekus / @samsunginternet https://samsunginter.net