クイックスタート - Zapparを使ったWebAR
このチュートリアルでは、wonderland-ar-trackingとZapparのユニバーサルARトラッキングを組み合わせて使用する方法を説明します。
Zapparがサポートするトラッキング機能を利用できます:
- SLAMトラッキング
- 画像トラッキング(平面および円筒形)
- 顔トラッキング
プロジェクトの作成
プロジェクトを作成する際に、画像トラッキング、SLAMトラッキング、または顔トラッキングのテンプレートを選択してください。
テスト方法
プロジェクトをローカルでテストするには、デバイスをUSBで接続し、画面上部のドロップダウンからデバイスを選択し、緑の矢印ボタンをクリックしてブラウザでローカルサイトを起動します。
スマートフォンでの表示
Androidの場合:
- デバイスで「USBデバッグ」が有効であることを確認します。
- デバイスをUSBで接続します。
- 「ローカルデバイス」を選択して、デバイス上で「USBデバッグを許可」ダイアログを表示させます。
- 承認後、ドロップダウンからデバイスを選択できます。
- 緑の矢印をクリックして、スマートフォン上でページをブラウザで表示します。
iOSの場合:
- iOSデバイスとMacを同じWi-Fiネットワークに接続します。
- Mac上でMacの名前を確認する:
システム環境設定 > 共有に移動してMacの名前を確認します。 - iOSデバイス上でSafariを開き、URLを
http://YourMacName.local:8080に入力します。
公開
アプリを公開するには、新しい「ローカルプロジェクト」をZapWorksで作成し、「JavaScript」SDKを使用してプロジェクトIDをコピーします。
その後、Views > Pluginsを開き、プロジェクトのプラグイン実行を有効化し、「プロジェクトスコープ」プラグインに@wonderlandengine/zappar-publish-pluginをインストールします。
有効化後、プラグインにプロジェクトIDを貼り付け、「アップロード&公開」をクリックします。