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
700
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
1.8k
Expectations for the Immersive Web: Insights from the WebXR Japanese Community
ikkou
0
150
WebXRの現状確認 2023 Autumn / Check the current status of WebXR 2023 Autumn
ikkou
3
2.3k
あなたの知らないARの可能性を空間レベルで拡げるVPSの世界 / The World of VPS
ikkou
1
5.3k
WebXR 最前線 2022 ~ メタバースとWeb3を添えて / WebXR Frontline 2022
ikkou
1
1.8k
メタバースの激流とXR業界のイマ / The Metaverse Torrent and the XR Industry Today
ikkou
0
2k
Recent Feature Topics on WebAR - 2021-06-06
ikkou
0
95
iOSではじめるWebAR 2021 - iOSDC Japan 2021 / webar-in-ios-2021
ikkou
1
4.6k
あなたの知らないSafariのExperimental Featuresの世界 - iOSDC Japan 2021 / Experimental Features in Safari You Didn't Know
ikkou
2
7.8k
Other Decks in Technology
See All in Technology
2025年にHCP Vaultを学び直して見えた景色 / Lessons and New Perspectives from Relearning HCP Vault in 2025
aeonpeople
0
170
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
2
320
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
110
Obsidian応用活用術
onikun94
0
360
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
360
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
760
【Grafana Meetup Japan #6】Grafanaをリバプロ配下で動かすときにやること ~ Grafana Liveってなんだ ~
yoshitake945
0
230
研究開発と製品開発、両利きのロボティクス
youtalk
1
390
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
150
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
shinop
0
160
シークレット管理だけじゃない!HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
nnstt1
3
210
退屈なことはDevinにやらせよう〜〜Devin APIを使ったVisual Regression Testの自動追加〜
kawamataryo
4
1.5k
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
800
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How STYLIGHT went responsive
nonsquared
100
5.8k
It's Worth the Effort
3n
187
28k
Embracing the Ebb and Flow
colly
87
4.8k
For a Future-Friendly Web
brad_frost
179
9.9k
Navigating Team Friction
lara
189
15k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
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