Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Virtual Reality on the Web (WebXR NL Metup 04-18-2019)

70 views

Published on

Slides from the presentation I gave at the WebXR NL / VR010 meetup in Rotterdam in April. During the presentation, I gave a quick introduction to WebVR and a demo of A-Frame.

Code for the demo can be found at https://github.com/sorskoot/A-Frame-Demo

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Virtual Reality on the Web (WebXR NL Metup 04-18-2019)

  1. 1. Timmy Kokke
  2. 2. VRML
  3. 3. VRML
  4. 4. What is WebVR? A set APIs that enable an immersive experience through web technology
  5. 5. What is WebVR?
  6. 6. What is WebVR? • Frictionless access • W3C standard • Widely supported • Works everywhere
  7. 7. Where is WebVR?
  8. 8. Where is WebVR?
  9. 9. Where is WebVR?
  10. 10. Cardboard DayDream Oculus ViveGearVR Windows MR Chrome Android Samsung Internet (Edge) Chrome Android Firefox Reality (Edge) Oculus Browser Samsung Internet Chrome FireFox Opera Supermedium Firefox Reality (new Edge?) Chrome FireFox Servo Opera Firefox Reality (new Edge?) Edge Where is WebVR?
  11. 11. Atmos • Atmos Extended Reality DK 1 • WebXR first • Open Source https://github.com/atmosxr/atmos-dk1
  12. 12. Use cases • 360 photo / video tours • Web shops • Art / Music • IoT • Games https://xr-store.webxrexperiments.com/
  13. 13. three.js
  14. 14. A-Frame web framework for building virtual reality experiences
  15. 15. • VR Made Simple • Declarative HTML • Cross platform • Component based • Tool agnostic • Inspector • Community + Slack A-Frame
  16. 16. DEMOA-frame
  17. 17. A-frame – what else? • Systems • Animations • Shaders • Three.js
  18. 18. Thank you! Timmy Kokke https://timmykokke.com https://youtube.com/c/sorskoo t https://webxr.nl https://twitch.tv/sorskoot @sorskoot A-Frame https://aframe.io Slack

×