This document discusses taking the web to the next dimension using WebGL and WebVR. It introduces 3D and interactivity on the web using examples like interactive maps and globes. Virtual reality is discussed as a way to immerse users and allow sharing moments from a first-person perspective. Challenges of VR like simulator sickness and lack of design guidelines are mentioned. The talk concludes that 3D capabilities on the web are mature and WebVR is evolving to give users superpowers through virtual experiences.

1. Taking the web to the next
dimension
Using WebGL and WebVR

2. Who am I?
Software Engineer @ Archilogic
from Zurich
github.com/avgp
twitter.com/g33konaut
ox86.tumblr.com

3. Our journey today
● Introduction
● Interactivity & 3D
● Immersion with Virtual Reality

4. Introduction

5. Sharing information

6. Sharing impressions

7. Sharing moments

8. Sharing not just a single glimpse

9. Sharing what’s in our head

10. So far
● all of this was static
● two-dimensional content
● external perspective

11. On the web

12. On the web
Images
Videos

13. 3D & Interactivity

14. 3D Examples
1. NYT article: The Dawn Wall
2. Google Maps
3. Teleports
4. d3-3d experiment
5. Globe demo

15. Can we use it?
Source: http://webglstats.com/

16. New ways to interact with content
LEAPMotion - £55
Demo
Myo - $199
Video

17. Recap
● better spatial representation of data
● more flexibility in layout and visible content
● new interaction modes

18. So far
● we covered static and dynamic content
● two-dimensional and three-dimensional
● still only external perspective

19. Immersion
with Virtual Reality

20. Giving people superpowers
... the computer is the most remarkable tool
that we've ever come up with.
It's the equivalent of a bicycle for our minds

21. Now what if...
...we could bring people into the scene?
...make them interact in a natural way?
...deliver truly emotional experiences?

22. When sharing a moment
wouldn’t it be amazing to be in it?

23. Virtual Reality, 1962
●

24. Virtual Reality, 1968

25. Virtual Reality, 1994

26. Virtual Reality, 1995

27. Virtual Reality, $273

28. Virtual Reality, 2014

29. Oculus Rift - $350

30. Google Cardboard - $5

31. WebVR

32. WebVR beyond the demo

33. But...
Challenges ahead!

34. Current VR challenges
● Simulator sickness

35. Current VR challenges
● Not many design guidelines yet
● Google Cardboad Guidelines

36. Current VR challenges
● New interactions and UI concepts

37. Wrap up
● 3D on the web is mature now
● Interesting visualisation capabilities
● New interaction modes available
● WebVR is evolving
● Give your users superpowers!

38. Thank you!
Slides @ http://bit.ly/fowd-3dweb
Twitter: @g33konaut
Web: archilogic.com