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
WebVR with Windows Mixed Reality
Search
ikkou
September 15, 2017
Technology
2
2.4k
WebVR with Windows Mixed Reality
2017/09/15 ToKyoto.js ― Kyoto.js in Tokyo
ikkou
September 15, 2017
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
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
1k
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
900
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
190
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
4
430
検証を通して見えてきたTiDBの性能特性
lycorptech_jp
PRO
6
3.8k
エンジニアのキャリアをちょっと楽しくする3本の軸/Three Pillars to Make an Engineer's Career More Enjoyable
kwappa
0
2.7k
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.3k
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
920
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
350
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
520
Building Dashboards as a Hobby
egmc
0
220
Featured
See All Featured
Fireside Chat
paigeccino
21
2.6k
It's Worth the Effort
3n
180
27k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
A designer walks into a library…
pauljervisheath
200
23k
Into the Great Unknown - MozCon
thekraken
10
990
The Cost Of JavaScript in 2023
addyosmani
16
3.9k
Transcript
WebVR with Windows Mixed Reality 2017/09/15 ToKyoto.js ― Kyoto.js in
Tokyo @ikkou #kyotojs #WinMR
• @ikkou • Software Engineer @ Mercari, Inc. • Illusion
VR a.k.a IVR (nsfw) • Community • VR Tech Tokyo • emscripten night !! and … $whoami #kyotojs #WinMR
• VR ͱ WebVR ͱ WebVR API • WebVR API
ͷରԠঢ়گ • WebVR ίϯςϯπͷ։ൃํ๏ • Windows Mixed Reality ͱ • #WinMR Immersive Headset ࣮ػσϞ agenda #kyotojs #WinMR
#WinMR ʹΑͬͯ #WebVR ͷੈք͕ มΘΔ͔ΒΈΜͳ #WinMR Immersive Headset ͱ VR
Ready PC Λࠓ͙͢ߪ ೖͯ͠ #WebVR ͷੈքʹೖ͢Δͱ ͍͍Αʂ tl;dr #kyotojs #WinMR
• VR ͱ • ʮVRͷਖ਼͍͠ຊޠ༁ਓݱ࣮ײɺԾݱ࣮ޡ༁ʯ • WebVR ͱ • ΣϒϒϥβͰVRମݧΛఏڙ͢Δͷ/͜ͱ
• વWebVR APIΛΘͳ͍WebVRଘࡏ͢Δ • WebVR API ͱ • Oculus RIft CV1HTC VIVEɺGoogle DaydreamɺWindows Mixed Reality Immersive HeadsetͳͲͷHMDΛϒϥβ͔Β੍ ޚ͢ΔͨΊͷAPIɺϒϥβʹΑͬͯରԠ͍ͯ͠ΔHMD͕ҟͳΔ VR ͱ WebVR ͱ WebVR API #kyotojs #WinMR
WebVR API ͷରԠঢ়گ #kyotojs #WinMR ࢀরݩ : http://caniuse.com/#feat=webvr
• Microsoft Edge • Edge 15͔Β #WinMR ͷΈඪ४ରԠ • Mozilla
Firefox • Firefox 55͔Β Windows ൛ͷΈඪ४ରԠ • Google Chrome • Chrome 59͔Β chrome://flags ͰϑϥάΛཱͯΔ͜ͱͰ Windows ൛ͷΈ Oculus Rift ͱ HTC VIVE ͕ݶఆରԠ • Android ൛ Daydream ͱ daydream-ready device ʹରԠ • Safari • ʘ(^o^)ʗ WebVR API ͷରԠঢ়گ #kyotojs #WinMR
• Facebook ۘ React VR • ReactϥΠΫʹWebVRΛ։ൃͰ͖Δ • Mozilla ۘ
A-Frame • HTMLΛॻ͘Α͏ʹWebVRΛ։ൃͰ͖Δ • ϒϥβͰ 3D Λදݱ͢Δఆ൪ͷ three.js • React VRA-Frameͦͷଞଟ͘ͷΞϨίϨ΄ ͱΜͲ͕three.jsͷϥούʔ • ͦͷଞɺ৽ڵͷSolufaͱ͔৭ʑͰ͖ΔPlayCanvasͱ͔ WebVR ίϯςϯπͷ։ൃํ๏ #kyotojs #WinMR
• Microsoft͕ਪ͠ਐΊ͍ͯΔෳ߹ݱ࣮ײ(MR) • HoloLensͷΑ͏ͳ͔Γ͍͢Mixed Reality • Immersive HeadsetVR • ͋͘·ͰݸਓͷҙݟͰ͋ΓҟೝΊΔ
• ͔ͭͯWindows HolographicͱݺΕ͍ͯͨͷ Windows Mixed Reality ͱ #kyotojs #WinMR
• A-Frame σϞ (A-Frame) • ·ͩίϯτϩʔϥʔ͕ແ͍ͷͰA-PainterͳͲͷ ίϯτϩʔϥʔΛඞཁͱ͢ΔͷମݧෆՄ • WebVR Lab
σϞ (PlayCanvas) • Ҡಈ͚ͩXboxίϯτϩʔϥʔͰՄ • Sketchfab σϞ • WebVR and the Future of VR #WinMR Immersive Headset ࣮ػσϞ #kyotojs #WinMR
Thank you
[email protected]
https://twitter.com/ikkou