システム要件
Webブラウザの要件
モバイルブラウザは、8th Wallのウェブ体験をサポートするために、以下の機能を必要とします:
- WebGL (canvas.getContext('webgl') || canvas.getContext('webgl2'))
- getUserMedia (navigator.mediaDevices.getUserMedia)
- deviceorientation (window.DeviceOrientationEvent - SLAMが有効な場合のみ必要)
- Web-Assembly/WASM (window.WebAssembly)
注: 8th WallのWeb体験は、 httpsから参照される必要があります。 これは **** ブラウザが カメラアクセスのために必要なものです。
iOSとAndroid端末においては、次のようになります:
- iOS:
- Safari (iOS 11+)
- ** SFSafariViewController Webビューを使用するアプリ** (iOS 13+)
- AppleはiOS 13でSFSafariViewControllerにgetUserMedia()のサポートを追加しました。 8th Wallは、SFSafariViewControllerのWebビューを使用するiOS 13アプリ内で動作します。
- 例を挙げます:Twitter、Slack、Discord、Gmail、Hangout、などです。
- ** WKWebView ウェブビューを使用するアプリ/ブラウザ** (iOS 14.3+)
- 例:
- Chrome
- Firefox
- Microsoft Edge
- Facebook Messenger
- 等
- 例:
- Android:
- WebARに必要な機能をネイティブにサポートしているとされるブラウザ :
- Chrome
- Firefox
- Samsung Internet
- Microsoft Edge
- Web Viewを使い、WebARに必要な機能をサポートしているとされるアプリ :
- Twitter、WhatsApp、Slack、Gmail、Hangouts、Reddit、LinkedIn、等。
- WebARに必要な機能をネイティブにサポートしているとされるブラウザ :
リンクアウト対応
WebARに必要な機能をネイティブにサポートしていないアプリに対して、XRExtrasライブラリはユーザーを適切な場所に誘導するフローを提供し、これらのアプリからWebARプロジェクトにアクセスすることを最大限に可能にします。
例:TikTok、Facebook(Android)、Facebook Messenger(Android)、Instagram(Android)
スクリーンショット:
メニューからブラウザを起動する(iOS) | ボタンからブラウザを起動する(Android) | リンクをクリップボードにコピーする |
---|---|---|
サポートしているフレームワーク
8th Wall Webは、以下のような3D JavaScriptフレームワークと簡単に統合できます:
- A-Frame (https://aframe.io/)
- three.js (https://threejs.org/)
- Babylon.js (https://www.babylonjs.com/)
- PlayCanvas (https://www.playcanvas.com)