Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebVR: The Next Frontier

Avatar for Andrew Cassell Andrew Cassell
September 16, 2016
Programming
1
230

WebVR: The Next Frontier

As new virtual reality headsets are quickly becoming available to the consumer, WebVR is opening up new frontiers of interaction for the web. Beyond gaming and entertainment, WebVR is creating whole new classes of immersive applications for the Web Platform in communication, education, shopping, and more. Let’s see how easy it is to get started developing for virtual reality in a browser by building a virtual reality experience using A-Frame, React, an Oculus Rift, and a Leap Motion controller.
Avatar for Andrew Cassell

Andrew Cassell

September 16, 2016
Tweet

More Decks by Andrew Cassell

See All by Andrew Cassell
Immutability to Save an Ever-Changing World
Avatar for Andrew Cassell cassell
0
47
Immutability to Save an Ever-Changing World
Avatar for Andrew Cassell cassell
0
20
Domain-driven Design Workshop
Avatar for Andrew Cassell cassell
1
270
Immutability to save an ever-changing world
Avatar for Andrew Cassell cassell
3
500
Introduction to Domain-Driven Design in PHP - ZendCon & OpenEnterprise 2018
Avatar for Andrew Cassell cassell
3
730
Immutability to Save an Ever-Changing World - PHP Benelux 2018
Avatar for Andrew Cassell cassell
1
680
Domain-driven Design in PHP - PHP Benelux 2018
Avatar for Andrew Cassell cassell
1
160
php[world] 2017 Domain-Driven Design Workshop
Avatar for Andrew Cassell cassell
1
300
Domain-Driven Design
Avatar for Andrew Cassell cassell
2
910

Other Decks in Programming

See All in Programming
プロダクトエンジニアのしごと 〜 受託 × 高難度を乗り越えるOptium開発 〜
Avatar for ALGO ARTIS algoartis
0
230
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.8k
「理解」を重視したAI活用開発
Avatar for FastDOCTOR fast_doctor
0
310
MySQL初心者が311個のカラムにNot NULL制約を追加していってALTER TABLEについて学んだ話
Avatar for hatsu hatsu38
2
140
最速Green Tea 🍵 Garbage Collector
Avatar for kuro kuro_kurorrr
1
130
Boast Code Party / RubyKaigi 2025 After Event
Avatar for はる lemonade_37
0
110
파급효과: From AI to Android Development
Avatar for HyunWoo Lee l2hyunwoo
0
170
リアーキテクチャの現場で向き合う 既存サービスの読み解きと設計判断
Avatar for ymiyamu ymiyamu
0
130
fieldalignmentから見るGoの構造体
Avatar for kuro kuro_kurorrr
0
140
KANNA Android の技術的課題と取り組み
Avatar for Yosuke Watanabe watabee
1
540
Rubyの!メソッドをちゃんと理解する
Avatar for Yuto Urushima alstrocrack
1
320
Browser and UI #2 HTML/ARIA
Avatar for ken7253 ken7253
2
180

Featured

See All Featured
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.2k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
12k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
24
2.7k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
187
11k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.2k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.6k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
49k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.7k

Transcript

  1. @alc277 andrewcassell.com WebVR:
 The Next Frontier

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None

  14. VR Devices

  15. None
  16. None

  17. Graz University of Technology Institute of Computer Graphics and Knowledge

    Visualization

  18. freesoftwaremagazine.com

  19. None
  20. None
  21. None

  22. Augmented Reality

  23. None
  24. None
  25. None

  26. <body> <video> <canvas> <canvas> <canvas>

  27. Frozen Sing-Along https://github.com/cassell/frozen-web- augmented-reality-demo

  28. None
  29. None

  30. Frozen Sing-Along https://github.com/cassell/frozen-web- augmented-reality-demo

  31. None

  32. Virtual Reality

  33. None

  34. Gaming

  35. None

  36. Business

  37. Shopping Real Estate Education Medical

  38. https://www.superdataresearch.com/market-data/virtual-reality-industry-report/

  39. None
  40. None
  41. None
  42. None
  43. None
  44. None

  45. Virtual Reality Business Gaming & Entertainment

  46. WebVR

  47. None
  48. None
  49. None
  50. None

  51. http://mozvr.com/webvr-spec/

  52. WebVR

  53. WebVR No Installs Many Devices No Vendor Lock-in Many Browsers

  54. mozvr.com

  55. WebVR Breaking Changes Frame Rate Motion Sickness Mainstream Support

  56. None

  57. DEAL WITH IT

  58. None
  59. None
  60. None

  61. aframe.io

  62. A-Frame VR + Mobile + Desktop Entity Component System Uses

    three.js and WebGL Open Source Animations Events

  63. IF YOU CAN WRITE HTML YOU CAN DEVELOP FOR VIRTUAL

    REALITY
  64. None
  65. None
  66. None
  67. None
  68. None
  69. None

  70. x y z

  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None

  79. https://github.com/cassell/webvr-soccer-stadium-multiplex

  80. None

  81. https://github.com/cassell/webvr-soccer-stadium-multiplex

  82. None
  83. None
  84. None
  85. None
  86. None
  87. None

  88. http://facebook.github.io/react

  89. https://github.com/cassell/aframe-react-leapmotion-slot-machine

  90. None
  91. None
  92. None
  93. None
  94. None
  95. None
  96. None
  97. None

  98. https://github.com/cassell/aframe-react-leapmotion-slot-machine

  99. The Walking Dead

  100. https://github.com/cassell/aframe-react-leapmotion-slot-machine

  101. aframe.io

  102. A-Frame v0.3.0

  103. None
  104. None
  105. None
  106. None
  107. None
  108. None
  109. None

  110. Device Device

  111. Device Device

  112. Device Device

  113. https://amzn.com/B01770MBN4

  114. None

  115. We always overestimate the change that will occur in the

    next two years and underestimate the change that will occur in the next ten. Don't let yourself be lulled into inaction.
  116. None

  117. Thank You! @alc277 andrewcassell.com