WebVR with Windows Mixed Reality

2017/09/15 ToKyoto.js ― Kyoto.js in Tokyo

Transcript

1. WebVR with Windows Mixed Reality 2017/09/15 ToKyoto.js ― Kyoto.js in Tokyo @ikkou #kyotojs #WinMR
2. • @ikkou • Software Engineer @ Mercari, Inc. • Illusion VR a.k.a IVR (nsfw) • Community • VR Tech Tokyo • emscripten night !! and … $whoami #kyotojs #WinMR
3. • VR ͱ WebVR ͱ WebVR API • WebVR API ͷରԠঢ়گ • WebVR ίϯςϯπͷ։ൃํ๏ • Windows Mixed Reality ͱ͸ • #WinMR Immersive Headset ࣮ػσϞ agenda #kyotojs #WinMR
4. #WinMR ʹΑͬͯ #WebVR ͷੈք͕ มΘΔ͔ΒΈΜͳ #WinMR Immersive Headset ͱ VR Ready PC Λࠓ͙͢ߪ ೖͯ͠ #WebVR ͷੈքʹ຅ೖ͢Δͱ ͍͍Αʂ tl;dr #kyotojs #WinMR
5. • VR ͱ͸ • ʮVRͷਖ਼͍͠೔ຊޠ༁͸ਓ޻ݱ࣮ײɺԾ૝ݱ࣮͸ޡ༁ʯ೿ • WebVR ͱ͸ • ΢Σϒϒϥ΢βͰVRମݧΛఏڙ͢Δ΋ͷ/͜ͱ • ౰વWebVR APIΛ࢖Θͳ͍WebVR΋ଘࡏ͢Δ • WebVR API ͱ͸ • Oculus RIft CV1΍HTC VIVEɺGoogle DaydreamɺWindows Mixed Reality Immersive HeadsetͳͲͷHMDΛϒϥ΢β͔Β੍ ޚ͢ΔͨΊͷAPIɺϒϥ΢βʹΑͬͯରԠ͍ͯ͠ΔHMD͕ҟͳΔ VR ͱ WebVR ͱ WebVR API #kyotojs #WinMR
6. WebVR API ͷରԠঢ়گ #kyotojs #WinMR ࢀরݩ : http://caniuse.com/#feat=webvr
7. • 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
8. • Facebook ۘ੡ React VR • ReactϥΠΫʹWebVRΛ։ൃͰ͖Δ • Mozilla ۘ੡ A-Frame • HTMLΛॻ͘Α͏ʹWebVRΛ։ൃͰ͖Δ • ϒϥ΢βͰ 3D Λදݱ͢Δఆ൪ͷ three.js • React VR΋A-Frame΋ͦͷଞଟ͘ͷΞϨ΋ίϨ΋΄ ͱΜͲ͕three.jsͷϥούʔ • ͦͷଞɺ৽ڵͷSolufaͱ͔৭ʑͰ͖ΔPlayCanvasͱ͔ WebVR ίϯςϯπͷ։ൃํ๏ #kyotojs #WinMR
9. • Microsoft͕ਪ͠ਐΊ͍ͯΔෳ߹ݱ࣮ײ(MR) • HoloLensͷΑ͏ͳ෼͔Γ΍͍͢Mixed Reality • Immersive Headset͸VR • ͋͘·ͰݸਓͷҙݟͰ͋Γҟ࿦͸ೝΊΔ • ͔ͭͯWindows Holographicͱݺ͹Ε͍ͯͨ΋ͷ Windows Mixed Reality ͱ͸ #kyotojs #WinMR
10. • A-Frame σϞ (A-Frame) • ·ͩίϯτϩʔϥʔ͕ແ͍ͷͰA-PainterͳͲͷ ίϯτϩʔϥʔΛඞཁͱ͢Δ΋ͷ͸ମݧෆՄ • WebVR Lab σϞ (PlayCanvas) • Ҡಈ͚ͩ͸XboxίϯτϩʔϥʔͰ΋Մ • Sketchfab σϞ • WebVR and the Future of VR #WinMR Immersive Headset ࣮ػσϞ #kyotojs #WinMR
11. Thank you ikkou@mercari.com
 https://twitter.com/ikkou