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
610
How to enjoy Web VR
ikkou
April 20, 2016
Tweet
Share
More Decks by ikkou
See All by ikkou
WebXRの現状確認 2023 Autumn / Check the current status of WebXR 2023 Autumn
ikkou
3
1.4k
あなたの知らないARの可能性を空間レベルで拡げるVPSの世界 / The World of VPS
ikkou
0
3.9k
WebXR 最前線 2022 ~ メタバースとWeb3を添えて / WebXR Frontline 2022
ikkou
1
1.4k
メタバースの激流とXR業界のイマ / The Metaverse Torrent and the XR Industry Today
ikkou
0
1.8k
Recent Feature Topics on WebAR - 2021-06-06
ikkou
0
45
iOSではじめるWebAR 2021 - iOSDC Japan 2021 / webar-in-ios-2021
ikkou
1
3.4k
あなたの知らないSafariのExperimental Featuresの世界 - iOSDC Japan 2021 / Experimental Features in Safari You Didn't Know
ikkou
2
6.2k
コロナ禍における WebXR ( WebVR/WebAR ) のイマ! #CEDEC2021 / Recent WebXR in COVID-19 pandemic
ikkou
2
8k
Recent Feature Topics on WebXR - 2021-07-26
ikkou
0
970
Other Decks in Technology
See All in Technology
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
180
JAWS-UG Bedrock Claude Night
yamahiro
3
560
On Your Data を超えていく!
hirotomotaguchi
2
660
反実仮想機械学習とは何か
usaito
PRO
11
4.2k
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
0
170
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
120
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
220
Terraformあれやこれ/terraform-this-and-that
emiki
8
1.4k
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
100
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
410
アクセス制御にまつわる改善 / Improving access control
itkq
0
530
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
270
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1025
450k
The Language of Interfaces
destraynor
151
23k
Happy Clients
brianwarren
92
6.4k
Embracing the Ebb and Flow
colly
80
4.1k
What's new in Ruby 2.0
geeforr
337
31k
YesSQL, Process and Tooling at Scale
rocio
164
13k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
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