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.
Timmy Kokke
VRML
VRML
What is WebVR?
A set APIs that enable an
immersive experience
through web technology
What is WebVR?
What is WebVR?
• Frictionless access
• W3C standard
• Widely supported
• Works everywhere
Where is WebVR?
Where is WebVR?
Where is WebVR?
Cardboard DayDream Oculus ViveGearVR Windows MR
Chrome Android
Samsung Internet
(Edge)
Chrome Android
Firefox Reality
(Edg...
Atmos
• Atmos Extended Reality DK 1
• WebXR first
• Open Source
https://github.com/atmosxr/atmos-dk1
Use cases
• 360 photo / video tours
• Web shops
• Art / Music
• IoT
• Games
https://xr-store.webxrexperiments.com/
three.js
A-Frame
web framework for building
virtual reality experiences
• VR Made Simple
• Declarative HTML
• Cross platform
• Component based
• Tool agnostic
• Inspector
• Community + Slack
A-F...
DEMOA-frame
A-frame – what else?
• Systems
• Animations
• Shaders
• Three.js
Thank you!
Timmy Kokke
https://timmykokke.com
https://youtube.com/c/sorskoo
t
https://webxr.nl
https://twitch.tv/sorskoot
...
Virtual Reality on the Web (WebXR NL Metup 04-18-2019)
Virtual Reality on the Web (WebXR NL Metup 04-18-2019)
Virtual Reality on the Web (WebXR NL Metup 04-18-2019)
Upcoming SlideShare
Loading in …5
×

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

113 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

×