WebVRの現状確認@Japan VR Fest 開発者会 2017 #JVRFest/WebVR-Now-2017

2017/10/28 Japan VR Fest 開発者会 2017 で発表した資料です。

【PR】
11/19 xR Tech Tokyo #8
https://vrtokyo.connpass.com/event/67550/

Transcript

1. WebVRの現状確認 2017年10月版 JapanVR Fest 開発者会 #JVRFest 2017/10/28 @ikkou いっこう
2. Hi, I’m IKKOU • IKKOU Morohoshi (@ikkou) • 株式会社メルカリ ◦ Software Engineer (R&D) • Illusion VR • 日本バーチャルリアリティ学会認定VR技術者 • 開発者向けコミュニティ xR Tech Tokyo 主催 • #例のハッカソン 企画・運営
3. Mercari, Inc. • アプリリリースから4年 • 日米7,500万ダウンロード • 月間の流通総額100億円超え • 3つのリージョン（JP, US, UK） • 100人以上のSoftware Engineer • 今夏から研究開発(R&D)チームが発足 • 日本バーチャルリアリティ学会 賛助会員
4. 昨年に引き続き今年も WebVR の現状を確認していきます WebVRの現状確認@Japan VR Fest 開発者会 #JVRFest/WebVR-Now https://speakerdeck.com/ikkou/webvr-now
5. はじめに WebVR の定義 • VR ◦ バーチャルリアリティ（人工現実感） • WebVR ◦ ブラウザを通して体験する VR コンテンツ ≒ ブラウザ VR • WebVR API ◦ ブラウザから各種 HMD の情報を取得する W3C で策定中の API ◦ WebVR が動くブラウザ ≠ WebVR API が動くブラウザ
6. 2016年10月当時の振り返り • OC3 で React VR が発表された • GearVR 用の VR 向けブラウザ Carmel が発表された • デフォルトで “WebVR Ready Browser” は存在しなかった ◦ Firefox, Chrome の Dev 版が対応していたが所定のフラグを立てる必要があった • Microsoft Edge が WebVR への対応を表明 ◦ あくまで表明なのでこの時点では未対応 • WebVR API のバージョンは 1.0 で勧告プロセスは Editor’s Draft (草案)
7. 2017年10月現在の WebVR 周辺はどうなっているのか? • OC4 で React VR のアップデートは無かった • WebVR API Ready Browser の登場 • WebVR API のバージョンは 1.1 へ • WebVR から WebXR へ
8. OC4 で React VR のアップデートはなかった、が… • 先日10月5日に #WinMR headset への対応が強化された v2.0.0 がリリース • OC4 では Day 1 に “Amplify Your Audience: Multiplatform Development with React VR” という開発者向けセッションはあったが大きなアップデートは無し • アジア圏唯一の開発パートナー事例として、フジテレビによる React VR を使った “HAKONE WEB TRIP” が発表 ◦ 残念ながら ※本コンテンツは、技術検証用に開発されているため、現在は公開しておりません。 と のこと
9. WebVR API Ready Browser の登場 capture from http://caniuse.com/#search=WebVR
10. Case 1: Microsoft Edge • 4月リリースの Edge 15 から Windows Mixed Reality headset に標準対応 • #WinMR headset の Cliff House で使える Edge も当然 WebVR に対応 • WebVR の可能性を一気に広めるターニングポイントになる(かもしれない) capture from http://caniuse.com/#search=WebVR
11. Case 2: Mozilla Firefox • Windows 版のバージョン 55 から about:config でフラグを立てることもなく WebVR に標準対応 • Mac 版は特定条件下の Firefox Nightly で WebVR に標準対応、今後標準化へ capture from http://caniuse.com/#search=WebVR
12. Case 3: Google Chrome / Chrome for Android / Chromium • Windows 版の無印 Chrome はバージョン 60 から chrome://flags でフラグを立てる ことで Oculus Rift と HTC VIVE に対応可能 • Chrome for Android は Daydream と Cardboard に標準対応 • Chromium であれば Oculus Rift も HTC VIVE も標準対応 capture from http://caniuse.com/#search=WebVR
13. Case 4: Other Browser • Gear VR の Samsung Internet は Daydream には非対応 • Oculus Carmel は Gear VR にのみ対応 • Mozilla の次世代ブラウザ Servo は Windows 環境下で HTC VIVE に対応
14. Case 4: Apple Safari • Mac 版 Safari も iOS 版 Safari も WebVR API には未対応 • が、7月に W3C の WEBVR COMMUNITY GROUP に Apple の中の人がジョイン、 もしかするといずれ対応が期待できる(かもしれない) ◦ Brandel Zachernuk @zachernuk ◦ David Singer @singer ◦ Dean Jackson @grorgwork ◦ Myles Maxfield @Litherum
15. WebVR API 1.1 の登場と v2.0 の検討 • 1.0 は 2016 年 3 月に公開 • 最新バージョンは 1.1 で勧告プロセスは引き続き Editors’ Draft ◦ W3C のプロセスに沿って「勧告」に進むためには Safari への実装が必要 • 一時期 1.2 と呼ばれていたものが現在 v2.0 として継続的に検討されている ◦ 今日現在、挙げられている Issue に対する進捗具合は 56% 完了
16. ☕ iOS でも Android でもデキる WebAR • WebAR は二軸に大別できる ◦ AR マーカーを使ったものや Pokémon GO のようにかざして何かが表出するもの ◦ Tango, ARCore, ARKit などハードウェア/ソフトウェアで AR を処理できるようにするもの • 前者は iOS の Mobile Safari, Android の Chrome for Mobile で getUserMedia() が使えるようになったことで既に実現可能 ◦ 昨年時点では Android 版の Firefox でしか使えなかったが悲願の WebRTC 実装により可能に なった • 後者はブラウザから Tango, ARCore, ARKit を使えるようにする動きが進行中 ◦ google-ar/WebARonTango ◦ google-ar/WebARonARCore ◦ google-ar/WebARonARKit
17. WebVR から WebXR へ • 10/20 の The Mozilla Blog に WebXR に関する記事が掲載 ◦ Bringing Mixed Reality to the Web • 曰く、Web に Mixed Reality を持ってくる、と。 • WebVR API に AR/MR 要素を拡張した WebXR API の検討を既に開始している • ここで言う XR とは VR/AR/MR を内包する XR というよりも VR+AR に近く、 Microsoft のソレとは概念が異なる印象 • WebXR API の対象は WebVR よりも広範囲のデバイスが意識されている ◦ WebVR API 同等の VR デバイス, Meta 2 のようなデスクトップ AR デバイス, ARKit や ARCore を使ったモバイル デバイス, HoloLens や R-9 SMARTGLASSES のようなスタンドアローン AR デバイス • 先の WebVR API 2.0 が WebXR API 2.1 になって API も変更される見込み ◦ VR* -> XR*, 例えば VRDevice -> XRDevice など
18. 大半の開発者が Windows Mixed Reality headset で Immersive な WebVR は体験済みだと思うけれど WebVR も WebXR もみんなでやっていこうな！