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
How to enjoy Web VR
Search
ikkou
April 20, 2016
Technology
0
660
How to enjoy Web VR
ikkou
April 20, 2016
Tweet
Share
More Decks by ikkou
See All by ikkou
GitHub Copilot全社導入のその後とGitHub×ZOZOTOWNコラボレーションの舞台裏 / GitHub ZOZOTOWN
ikkou
0
1k
WebXRの現状確認 2023 Autumn / Check the current status of WebXR 2023 Autumn
ikkou
3
2.1k
あなたの知らないARの可能性を空間レベルで拡げるVPSの世界 / The World of VPS
ikkou
1
4.7k
WebXR 最前線 2022 ~ メタバースとWeb3を添えて / WebXR Frontline 2022
ikkou
1
1.6k
メタバースの激流とXR業界のイマ / The Metaverse Torrent and the XR Industry Today
ikkou
0
1.9k
Recent Feature Topics on WebAR - 2021-06-06
ikkou
0
58
iOSではじめるWebAR 2021 - iOSDC Japan 2021 / webar-in-ios-2021
ikkou
1
4k
あなたの知らないSafariのExperimental Featuresの世界 - iOSDC Japan 2021 / Experimental Features in Safari You Didn't Know
ikkou
2
7.1k
コロナ禍における WebXR ( WebVR/WebAR ) のイマ! #CEDEC2021 / Recent WebXR in COVID-19 pandemic
ikkou
2
8.4k
Other Decks in Technology
See All in Technology
MLOps の現場から
asei
6
630
サーバレスアプリ開発者向けアップデートをキャッチアップしてきた #AWSreInvent #regrowth_fuk
drumnistnakano
0
190
alecthomas/kong はいいぞ / kamakura.go#7
fujiwara3
1
300
TSKaigi 2024 の登壇から広がったコミュニティ活動について
tsukuha
0
160
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
690
Wvlet: A New Flow-Style Query Language For Functional Data Modeling and Interactive Data Analysis - Trino Summit 2024
xerial
1
110
サービスでLLMを採用したばっかりに振り回され続けたこの一年のあれやこれや
segavvy
2
390
なぜCodeceptJSを選んだか
goataka
0
160
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す!?~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
1
110
re:Invent をおうちで楽しんでみた ~CloudWatch のオブザーバビリティ機能がスゴい!/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
120
KnowledgeBaseDocuments APIでベクトルインデックス管理を自動化する
iidaxs
1
260
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
88
5.7k
How GitHub (no longer) Works
holman
311
140k
Optimising Largest Contentful Paint
csswizardry
33
3k
Music & Morning Musume
bryan
46
6.2k
Code Review Best Practice
trishagee
65
17k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Six Lessons from altMBA
skipperchong
27
3.5k
Bash Introduction
62gerente
608
210k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
510
Transcript
How to enjoy Web VR 2016/04/19 Meguro.es #3
Web VR = Web Virtual Reality
ࠓVRݩͱݴΘΕ͍ͯ·͢
Question VRίϯςϯπΛݟͨ͜ͱ͕͋Δਓ✋
Question VRίϯςϯπΛ࡞ͬͨ͜ͱ͕͋Δਓ✋
࠷ۙVR ZONEͱ͍͏VRΤϯλϝࢪઃ ͕ظؒݶఆͰΦʔϓϯ͠·ͨ͠!
ͻͱ݄ઌ·Ͱ༧Ͱຒ·ͬͯ ͍·͕͢ɺඦฉҰݟʹ͔͠ ͣɺ৽ن༧Λड͚͚Δ̌ ࣌ʹϒϥβʹுΓ͍ͯͰ ༧͢ΔՁ͕͋Γ·͢!
ͻͱ݄ઌ·ͰͳΜͯͯͳ͍ Αɺͬͱؾܰʹ̧̫Λָ͠ Ίͳ͍ͷʁͦΜͳਓʹΦεε ϝͳͷ͕؆୯ʹखݩͰࢼͤΔ Web Virtual Reality
None
I'm ikkou • Drecom Co., Ltd. • Manager, Front-end Engineer
• Technical Director • g1983ers • Meguro.es, Organizer • ϛΫ͞Μ͕େ͖Ͱ3݄9ϛΫͷ͕݁ࠗه ೦
How to enjoy Web VR
TL;DR ํ๏͍͔ͭ͋͘Γ·͕͢ɺJavaScriptϑϨʔϜ ϫʔΫΛ͏͜ͱͰWeb VRΛ؆୯ʹָ͠Ή͜ͱ ͕ग़དྷ·͢ • Web VR Starter Kit
• a-frame • VR view
Web VR Starter Kit
Web VR Starter Kit is Կ • खͬऔΓૣ͘Web VRΛָ͠ΊΔJavaScriptϑ ϨʔϜϫʔΫͷΓ
• sample01, sample02
a-frame
a-frame is Կ • a-frameMozVR͜ͱMozilla VR team͕ϦϦʔ εͨ͠Web VRͷϑϨʔϜϫʔΫ •
ͨͬͨ1ߦͷJavaScriptΛಡΈࠐΉ͚ͩͰa- frameΛ͏͜ͱ͕ग़དྷΔ • औ͖ͬ͢͞ଞͷWeb VRϑϨʔϜϫʔΫ ʹൺͯѹత • sample01, sample02
VR view
VR view is Կ • Google͕։ൃ͍ͯ͠Δ3/30ʹެ։͞Ε͔ͨ ΓͷϑϨʔϜϫʔΫ • Web͚ͩͰͳ͘ɺiOSͱAndroidͷωΠςΟ ϒΞϓϦαϙʔτ͍ͯ͠Δ
• ੩ࢭը͚ͩͰͳ͘ɺಈըαϙʔτ͍ͯ͠Δ • sample01
Web VRΛ؆୯ʹࢼ͢ํ๏ ͔ͬͨɺͱ͜ΖͰͲ͏ͬ ͯίϯςϯπΛ༻ҙ͢Δͷʁ
Facebook Surround 360 ͜ΕΛ͑៉ྷͳ360ಈըΛ࡞ΕΔʂ
͕ɺ͓ஈ $30,000 ͱ͓ߴ͍……ɻ
ࣗͰ༻ҙ͍ͨ͠ͳΒ RICOH THETA γϦʔζ
ࣸਅ͕ཉ͍͠ͳΒ Flickr VR
VR࣮ࡍʹͦͷͰݟͯମݧ ͢Δͱ͜Ζ͔Β࢝·Γ·͢ʂ
·ͣൺֱతͱ͖͍ͬͭ͢ Web VR͔Β࢝ΊͯΈͯʁ
enjoy Web VR !!
ը૾ग़య • https://www.oculus.com/en-us/rift/ • https://project-ican.com/ • https://facebook360.fb.com/facebook- surround-360/ • https://theta360.com/ja/about/theta/
m15.html • https://www.flickr.com/vr