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.5k
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
GitHub Copilot全社導入のその後とGitHub×ZOZOTOWNコラボレーションの舞台裏 / GitHub ZOZOTOWN
ikkou
0
1.4k
Expectations for the Immersive Web: Insights from the WebXR Japanese Community
ikkou
0
67
WebXRの現状確認 2023 Autumn / Check the current status of WebXR 2023 Autumn
ikkou
3
2.2k
あなたの知らないARの可能性を空間レベルで拡げるVPSの世界 / The World of VPS
ikkou
1
4.9k
WebXR 最前線 2022 ~ メタバースとWeb3を添えて / WebXR Frontline 2022
ikkou
1
1.7k
メタバースの激流とXR業界のイマ / The Metaverse Torrent and the XR Industry Today
ikkou
0
1.9k
Recent Feature Topics on WebAR - 2021-06-06
ikkou
0
74
iOSではじめるWebAR 2021 - iOSDC Japan 2021 / webar-in-ios-2021
ikkou
1
4.2k
あなたの知らないSafariのExperimental Featuresの世界 - iOSDC Japan 2021 / Experimental Features in Safari You Didn't Know
ikkou
2
7.4k
Other Decks in Technology
See All in Technology
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
540
Introduction to OpenSearch Project - Search Engineering Tech Talk 2025 Winter
tkykenmt
2
240
フォーイット_エンジニア向け会社紹介資料_Forit_Company_Profile.pdf
forit_tech
1
1.7k
リクルートのエンジニア組織を下支えする 新卒の育成の仕組み
recruitengineers
PRO
2
190
プロダクト開発者目線での Entra ID 活用
sansantech
PRO
0
170
2025/3/1 公共交通オープンデータデイ2025
morohoshi
0
110
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
150
20250304_赤煉瓦倉庫_DeepSeek_Deep_Dive
hiouchiy
2
140
完璧を捨てろ! “攻め”のQAがもたらすスピードと革新/20250306 Hiroki Hachisuka
shift_evolve
0
150
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.7k
DeepSeekとは?何がいいの? - Databricksと学ぶDeepSeek! 〜これからのLLMに備えよ!〜
taka_aki
2
190
スクラムというコンフォートゾーンから抜け出そう!プロジェクト全体に目を向けるインセプションデッキ / Inception Deck for seeing the whole project
takaking22
3
200
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
99
5.4k
The Language of Interfaces
destraynor
156
24k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
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 ikkou@mercari.com https://twitter.com/ikkou