本文へスキップ
バージョン: 3.5

ネットコードでVPSコロカリゼーションを使う方法

VPS Colocalization

コロカライゼーションは、プレイヤーが現実世界の同じ場所で視覚的なオブジェクトを見るために、シェアードARに不可欠な要素の1つである。 SharedSpaceManagerは自動的にネットワーク接続をセットアップし、同じVPS-Activatedロケーションでプレイしているプレイヤーは、プレイヤーが参加するルームを選択するためのUIを追加することなく、Netcodeを使用してARマルチプレイヤーセッションの準備が整います。

前提条件

  1. ARDK がインストールされたUnityプロジェクトと、セットアップされた基本的な AR シーンが必要です。 詳しくは、ライトシップARDKのセットアップおよびARシーンのセットアップを参照してください。
    1. ARシーンにはARLocationも必要です。 追加方法については、How to Place Content in Real-World Using Location ARを参照してください。
  2. 共有ARとネットコードでシーンをセットアップする必要があります。 VPS Colocalization を使用するには、SharedSpaceManager の Colocalization TypeVps Colocalization に設定されていることを確認してください。

VPSコロカライゼーションの概要

VPSコロカライゼーションをセットアップするには、以下の作業が必要です:

  1. 追跡対象のVPS-Activatedロケーションを設定する。
  2. SharedSpaceManager.StartSharedSpace()`を呼び出してVPSトラッキングを開始する。
  3. VPSが "トラッキング状態 "になると、共有ARオリジンは実世界にアライメントされる。
  4. Netocdeで共有オブジェクトを表示する方法](/docs/ja/ardk/3.5/how-to/shared_ar/display_shared_objects)に従って共有オブジェクトを生成する。
  5. ネットコード開始

ターゲットのVPS-Activatedロケーションを設定するには、主に2つの方法があります。Coverage APIを使用して実行時にロケーションを選択するか、UnityエディタでVPS-Activatedロケーションを設定し、それを使用してアプリケーションをビルドします。 実行時に場所を選択するには、ユーザー入力を処理するためのUIとコードが必要になりますが、VPSが有効な場所であればどこでも動作する柔軟性があります。 ビルド時にロケーションを設定するのは簡単だが、拡張性はない。 Unityエディターでロケーションをキュレーションするのは、開発時に特定のロケーションでテストする場合、またはVPSエクスペリエンスが特定のロケーションでのみトリガーされることを意図している場合に適しています。

ARLocationManagerを使用したVPS起動ロケーションの設定

まず、VPS Colocalization 用に SharedSpaceManager をセットアップする:

  1. 階層XR Originを選択し、インスペクタSharedSpaceManagerコンポーネントを見つけます。 Colocalization TypeVpsColocalization に設定します。
  2. XR Origin階層からAR Location Manager**コンポーネントへドラッグ&ドロップします。

Shared Space ManagerとAR Location Managerのコンポーネントは以下のようになります: SharedARセットアップビデオ

テストスキャンによるコロカライゼーションのテスト

近くにVPSが稼働している場所がない場合は、テストスキャンを使用してVPSのコロカライゼーションをテストすることができます。 コロカライゼーションのテストスキャンをセットアップする:

  1. プライベートスキャンの管理方法](/docs/ja/ardk/3.5/how-to/vps/tooling/manage_test_scans)の指示に従って、APIキーにスキャンを追加します。
  2. メッシュのダウンロード](/docs/ja/ardk/3.5/how-to/vps/tooling/manage_test_scans#downloading-meshes)に進み、指示に従ってメッシュをダウンロードします。
    1. テストスキャンマニフェストの位置緯度と位置経度を今すぐ確認してください。 このステップの後まで待つと、問題が発生する可能性があります。
  3. Unityにリアルワールドのロケーションを追加する](/docs/ja/ardk/3.5/how-to/vps/real_world_location_ar#adding-a-real-world-location-to-unity)のステップ1~3に従って、Unityプロジェクトにメッシュをインストールします。

SharedSpaceManagerでVPSのコロカライゼーションを設定する

VPSコロカライゼーション用にプロジェクトをセットアップする:

  1. 階層** で、NetworkDemoManager の名前を VPSLocationDemoManager に変更する。
  2. Project** ウィンドウの Assets フォルダを開いて VPSLocationDemoManager.cs を開き、[SerializeField]呼び出しのリストに ARLocationManager への参照を追加します:
    [SerializeField]
private ARLocationManager _arLocationManager;
  1. void Start()`のコードを次のスニペットに置き換える:
    // 参加する部屋を設定する
// このデモは単一のARLocationのみを対象としているため、最初の場所を使用すればよい。
// リストから選択するアプリケーションの場合、
// に対してローカライズする特定の ARLocation をルーム ID として使用します。
var vpsTrackingOptions = ISharedSpaceTrackingOptions.CreateVpsTrackingOptions(_arLocationManager.ARLocations.First());
var roomOptions = ISharedSpaceRoomOptions.CreateVpsRoomOptions(
vpsTrackingOptions,
"optionalPrefixForRoom_", // ルーム名はこのプレフィックス + Base64 Locationアンカーデータ
32, // set capacity to max
("Room Description Here!");
_sharedSpaceManager.StartSharedSpace(vpsTrackingOptions, roomOptions);

この時点で、VPSLocationDemoManager.cs は次のようになっているはずだ:

クリックすると、VPSLocationDemoManagerのコードサンプルが表示されます。

using System.Linq;

using Niantic.Lightship.AR.Subsystems;
using Niantic.Lightship.SharedAR.Colocalization;

using Unity.Netcode;

using UnityEngine;

public class VPSLocationDemoManager : MonoBehaviour
{
public SharedSpaceManager SharedSpaceManager;
public ARLocationManager ARLocationManager;
public GameObject ConnectionUI;

private bool _started;

// Start is called before the first frame update
void Start()
{
SharedSpaceManager.sharedSpaceManagerStateChanged += OnSharedSpaceStateChanged;
// This demo only targets a single ARLocation, so we can just use the first location.
// For applications that choose from a list, use the specific ARLocation that you are localizing against
// as the room ID
var vpsTrackingOptions = ISharedSpaceTrackingOptions.CreateVpsTrackingOptions(ARLocationManager.ARLocations.First());
var roomOptions = ISharedSpaceRoomOptions.CreateLightshipRoomOptions(
ARLocationManager.ARLocations.First().Payload.ToBase64(),
10,
"Room Description Here!"
);
_sharedSpaceManager.StartSharedSpace(vpsTrackingOptions, roomOptions);
}

private void OnSharedSpaceStateChanged(SharedSpaceManager.SharedSpaceManagerStateChangeEventArgs args)
{
if (args.Tracking && !_started)
{
ConnectionUI.SetActive(true);
_started = true;
}
}

public void StartAsHost()
{
NetworkManager.Singleton.StartHost();
ConnectionUI.SetActive(false);
}

public void StartAsClient()
{
NetworkManager.Singleton.StartClient();
ConnectionUI.SetActive(false);
}

}

この時点でアプリケーションをビルドして実行すると、ホストまたはクライアントとして参加するためのボタンと、ローカライズの状態を表示するテキストボックスが表示されるはずです。

SharedAR Set up video

他のデバイスの位置を表示する

Unity NetcodeのNetworkManager Player PrefabOwner Authoritative Modeで使用することで、ピアデバイスの位置を同期し、プレイヤーアバターを正しい位置に表示することができます。

プレーヤープリファブを設定する:

  1. Hierarchy**で、ARシーンの下で右クリックし、Create Emptyを選択します。 新しいオブジェクトの名前を playerPrefab とする。

  2. playerPrefab`HierarchyからProjectウィンドウのAssetsフォルダにドラッグしてプレハブにし、シーンから削除します。

  3. PlayerPrefabを選択し、**Inspector** で **Add Component** をクリックします。 プレハブにLightshipNetworkObjectコンポーネントを追加し、次に **New Script** コンポーネントを追加します。 スクリプトの名前をPlayerAvatar` とする。

  4. このPlayerAvatarのコードをスクリプトファイルにコピーする:

    クリックするとPlayerAvatarのコードサンプルが表示されます。
    // Copyright 2023 Niantic, Inc. All Rights Reserved.

    using Unity.Netcode.Components;

    using UnityEngine;

    public class PlayerAvatar: NetworkTransform
    {
    [HideInInspector]
    private Transform _arCameraTransform;

    protected override bool OnIsServerAuthoritative()
    {
    return false;
    }

    public override void OnNetworkSpawn()
    {
    if (IsOwner)
    {
    if (Camera.main)
    {
    _arCameraTransform = Camera.main.transform;
    }
    }

    base.OnNetworkSpawn();
    }

    new void Update()
    {
    if (IsOwner)
    {
    if (_arCameraTransform)
    {
    // Get local AR camera transform
    _arCameraTransform.GetPositionAndRotation(out var pos, out var rot);
    // Since using the ClientNetworkTransform, just update world transform of the cube matching with the
    // AR Camera's worldTransform. it's local transform will be synced.
    transform.SetPositionAndRotation(pos, rot);
    }
    }

    base.Update();
    }
    }

このスクリプトは OnIsServerAuthoritative() から false を返し、更新がサーバーではなくプレイヤーアバターオブジェクトの所有者によって行われるようにします。 各プレーヤーオブジェクトは、参加時にNetcodeによって作成され、ユーザーのデバイスによって所有されます。

ポジションシンクによる選手プレハブの最終決定

プレーヤープレファブを動作させるための最後の要件は、プレーヤアバターの位置が、それらが表すデバイスと一致していることを確認することです。 PlayerAvatar`スクリプトでは、メインカメラのトランスフォーム値がデバイスの位置として使用されます。 プレイヤーアバターとデバイスの位置が正しく並ぶように、プレイヤーアバターをメインカメラのトランスフォーム値と一致させ、位置を自動的に同期させます。

ポジションシンクを有効にする:

  1. AssetsフォルダからplayerPrefabを選択し、PlayerAvatarコンポーネントでIn Local Space**を有効にする。

この時点で、プレーヤープレハブはシェアードAR体験で使用する準備が整いました。 ダブルチェックするために、プレハブのインスペクタービューが以下のようになっていることを確認してください: プレハブインスペクタのプレイヤーアバター

選手プレハブのテスト

プレーヤープレハブをテストする前に、ネットワークマネージャに追加する必要があります。 Hierarchy**NetworkManager を選択し、Assets フォルダから playerPrefabInspectorPlayer Prefab フィールドにドラッグします。

Player Avatar in Network Manager

プレハブを Network Manager に追加したら、このサンプルをビルドして 2 台のデバイスで同時に実行します。 セッション内の各デバイスにプレーヤープレファブが表示されるはずです。

SharedAR Set up video

次のステップ

マルチプレイヤーエクスペリエンスに共有バーチャルオブジェクトを追加する方法については、共有オブジェクトの表示方法を参照してください。

共有ARの一般的な問題とデバッグの提案については、共有ARのデバッグとトラブルシューティング方法を参照してください。