Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Back to Space
Back to Space
Loading in …3
×

Check these out next

1 of 21 Ad

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

Download to read offline

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

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

Advertisement
Advertisement

More Related Content

Recently uploaded (20)

Advertisement

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

Editor's Notes

  • Wie? VR – DEV – JavaScript / Unity

    Beginnen in 1994
  • 1994  Mark PESHee samen met Toni Parisi (nu Unity3D) Labirinth demo
  • https://web.archive.org/web/20160208111306/vrml20.org/banana.xhtml  maakte eerste 3D in de browser


  • Periode eind 90s -> netscape en ie standard VRML. Netscape verloor browser war en IE schrapte VRML, nog een paar jaar via plugins.


  • WebVR is een officiele W3C web standaard.
    Ondanks dat de VR markt gefragmenteerd is. Er zijn veel devices, met allemaal een eigen tools en frameworks enzo.
    Maar WebVR draait overal zoals we van het web gewend zijn.
  • For IOS WebXR Viewer app
  • 1 Aframe will handle everything, setup en controls
  • Alles is component:

×