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
170
WebXRの現状確認 2023 Autumn / Check the current status of WebXR 2023 Autumn
ikkou
3
2.3k
あなたの知らないARの可能性を空間レベルで拡げるVPSの世界 / The World of VPS
ikkou
1
5.4k
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
97
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.9k
Other Decks in Technology
See All in Technology
Reflections of AI: A Trilogy in Four Parts (GOTO; Copenhagen 2025)
ondfisk
0
100
いまさら聞けない ABテスト入門
skmr2348
1
230
自動テストのコストと向き合ってみた
qa
0
210
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
3.2k
Function calling機能をPLaMo2に実装するには / PFN LLMセミナー
pfn
PRO
0
1k
成長自己責任時代のあるきかた/How to navigate the era of personal responsibility for growth
kwappa
4
300
オープンソースでどこまでできる?フォーマル検証チャレンジ
msyksphinz
0
120
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
0
450
Git in Team
kawaguti
PRO
2
330
How to achieve interoperable digital identity across Asian countries
fujie
0
140
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
3
5.5k
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
690
Featured
See All Featured
Speed Design
sergeychernyshev
32
1.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
The Invisible Side of Design
smashingmag
301
51k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
900
Facilitating Awesome Meetings
lara
56
6.6k
Why Our Code Smells
bkeepers
PRO
339
57k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
GraphQLとの向き合い方2022年版
quramy
49
14k
Gamification - CAS2011
davidbonilla
81
5.5k
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