WebVR API が VR HMD “のみ” を対象にしていた課題に対し、 AR や MR も対象としたものが WebXR Device API • 最新バージョンは W3C Working Draft, 21 May 2019 • Unstable API • 今日現在、WebXR Device API に対応しているブラウザは少な い
について 仕様策定のプロセスに則り WebXR Device API を策定するために 必要な Working Group として発足したのが Immersive Web Working Group • もともとは誰でも入れる WebVR Community Group ( 後に Immersive Web Community Group に改名 ) からスタート • 議論の高まりを受けて 2018 年 9 月末に W3C メンバーのみ入れる Immersive Web Working Group が発足 • 現在の Chair は Samsung の Ada Rose Cannon 氏と Google の Chris Wilson 氏
Release Notes から読み取れる対応方法 iOS 13 に関する情報は Release Notes などの誰でもアクセスでき る公開情報であればNDA の適用外となる • New Features ◦ Added a permission API on iOS for DeviceMotionEvent and DeviceOrientationEvent. Ref. Safari 13 Beta 6 Release Notes https://developer.apple.com/documentation/safari_release_notes/safari_13_beta_6_release_notes
HTML, CSS, JavaScript といった Web 技術を中心 に構成されている 1. API の仕様に沿ってゼロから Vanilla JS を書く for VR&AR 2. AR Quick Look の仕様に沿って HTML を書く for AR 3. JavaScript フレームワーク/ライブラリを使用する for VR&AR 4. Web サービスを使用する for VR&AR 5. Game Engine を使用する for VR
Import the component → <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-vi ewer.js"></script> <script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-vi ewer-legacy.js"></script> <!-- Use it like any other HTML element → <model-viewer src="assets/Astronaut.glb" ar camera-controls alt="A 3D model of an astronaut" background-color="#222" ios-src="assets/Astronaut.usdz" magic-leap unstable-webxr></model-viewer> Ref. https://googlewebcomponents.github.io/model-viewer/examples/augmented-reality.html