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

2. Timmy Kokke

4. VRML

5. VRML

7. What is WebVR?
A set APIs that enable an
immersive experience
through web technology

8. What is WebVR?

9. What is WebVR?
• Frictionless access
• W3C standard
• Widely supported
• Works everywhere

10. Where is WebVR?

11. Where is WebVR?

12. Where is WebVR?

13. 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?

14. Atmos
• Atmos Extended Reality DK 1
• WebXR first
• Open Source
https://github.com/atmosxr/atmos-dk1

15. Use cases
• 360 photo / video tours
• Web shops
• Art / Music
• IoT
• Games
https://xr-store.webxrexperiments.com/

16. three.js

17. A-Frame
web framework for building
virtual reality experiences

18. • VR Made Simple
• Declarative HTML
• Cross platform
• Component based
• Tool agnostic
• Inspector
• Community + Slack
A-Frame

19. DEMOA-frame

20. A-frame – what else?
• Systems
• Animations
• Shaders
• Three.js

21. 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