Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
In Your Face : WebVR
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Shaun D
July 13, 2016
Technology
120
0
Share
In Your Face : WebVR
We need VR on the Web.
Shaun D
July 13, 2016
More Decks by Shaun D
See All by Shaun D
The Open Metaverse - Front End Kent
shaunix
0
76
The Open Metaverse - Reactivate London
shaunix
1
93
The Open Metaverse - Fullstack Bytes
shaunix
0
160
This is for Everyone
shaunix
0
700
A11Y & React : This is for Everyone
shaunix
1
210
Make Mine Meteor - Real Time Applications, Hyperspeed Time
shaunix
1
100
Grunt your way to Glory - SideView 2013
shaunix
3
300
Grunt your way to Glory : LDNJS - 15th July 2013
shaunix
3
190
Grunt you way to Glory : LNUG MAY
shaunix
4
340
Other Decks in Technology
See All in Technology
AI活用の格差をなくす:チーム全体のAI開発生産性を底上げする方法
moongift
PRO
1
110
個人AIからチームAIへ:開発における品質と生産性の再設計
moongift
PRO
0
140
Geek Woman の育ち方 〜コミュニティとAIと〜
chicaco
0
430
AIAgentと取り組むKaggle
508shuto
2
600
食べログのサーキットブレーカー導入を振り返って
atpons
0
120
インフラが苦手でも大丈夫! 紙芝居 Kubernetes -WWGT 10周年編-
aoi1
1
190
Gradle×GitHub_ActionsでCI時間を約50%短縮 ジョブ分割の設計と落とし穴 / Cutting CI Time by ~50% with Gradle and GitHub Actions: Job-Splitting Design and Pitfalls
takatty
0
170
Typiaで配信JSONの安全性を構造的に担保する(TSKaigi2026)
righttouch
PRO
1
180
情シスがMCP環境導入時に打ちのめされる認可の崖
oidfj
0
470
実践 TanStack Start ― 新規プロダクトを開発して確立した、サーバーとクライアント境界の設計パターン / Practical TanStack Start Server-Client Boundary Patterns
kaminashi
2
320
freee-mcpを Local→Remote で出してわかった MCP認可実装のリアル
terara
3
650
Node.js+TypeScriptにおけるCJS/ESM相互運用の最新ポイント
grainrigi
2
120
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.4k
First, design no harm
axbom
PRO
2
1.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Typedesign – Prime Four
hannesfritz
42
3k
Bash Introduction
62gerente
615
210k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.6k
Music & Morning Musume
bryan
47
7.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
A Tale of Four Properties
chriscoyier
163
24k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
44k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
250
Transcript
IN YOUR FACE WebVR is here!
Question Who likes VR?
Answer Everybody
Interesting...
~ 90s
Bulky Poor Display Bad Latency Minimum support Oculus DK1 ~
2012
Oculus DK2 ~ 2014 GCardboard
Rift CV1 ~ 2016 HTC Vive OSVR HK GearVR
None
None
+ VR
!=VR
HOW MUCH DOES IT COST?
It Depends
“ Will the limitations of the hardware you already own
will dictate the types of applications you're going to build or if the type of applications you want to build is going to dictate the type of hardware you're going to buy"
Oculus 2nd Hand DK2 (£300 - £400) CV1 (£400 -
£500) * VR Ready PC (£800 - £2000)
HTC Vive £700 * VR Ready PC (£800 - £2000)
OSVR HDK 1.4 (£250) * VR Ready PC (£800 -
£2000) HDK 2 (£350)
GearVR Headset (£80) Phone (£200 - £500) HDK 1.4 (£250)
Headset (£12 - £100) Cardboard- a- Like
Headset (£Free - £20) G-Cardboard
Text https://iswebvrready.org/
Text github.com/borismus/webvr-polyfill
How?
None
None
None
Good News?
None
g.co/chromevr
Vizor.io
None
Primrosevr.com
Aframe.io
<a-scene></a-scene>
<a-scene> </a-scene> <a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"> </a-sphere>
DEMO
Ecosystem audio-visualizer aframe-react gif-texture drag-look firebase Physics proxy-controls fence gamepad-controls
aframe-modal polyglons html-texture leap-hands
Friction
None
Journalism
Adult Industry
In Control
https://proxy-controls.donmccurdy.com
There are no VR Experts
None
None
Resources aframe.io Primrosevr.com webvr.info webvr.slack.com r/WebVR mozvr.com
THANKS Shaun Dunne - @shaundunne Studio Zero - @studiozeroco /
studiozero.co Slides -