WebVR with Windows Mixed Reality

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