【Unity】MLAPIを使ったマルチプレイアプリの作り方

#サマリ
MLAPIを使ったマルチプレイアプリの作り方の基本をまとめました。

##環境

• Unity 2019.4.15f1
• MLAPI v12.1.7
• ユニティちゃん 1.2.1

##目次

1. プロジェクトの作成
2. MLAPIのインポート
3. ユニティちゃんの配置
4. MLAPIのNetworkManagerの作成
5. ユニティちゃんをネットワークオブジェクトとして設定
6. UIの作成
7. スクリプトの作成
8. ユニティちゃんスクリプトの修正
9. ビルド
10. 動作確認

#1.プロジェクトの作成

• 3Dアプリとしてプロジェクトを作成する。
  

#2.MLAPIのインポート

• 下記URLからMLAPIのunitypackageをダウンロードする。

MLAPIリリースページ

• Assets > Import Package > Custom Package を選択する。
  

• ファイル選択ダイアログでダウンロードしたMLAPIのunitypackageを選択し、開くボタンを押す。
  

• パッケージのAssetsはすべて選択してImportボタンを押す。
  

• ProjectのAssetsにMLAPIがインポートされる。
  

#3.ユニティちゃんの配置

• 下記URLからユニティちゃんの3Dモデルデータをダウンロードする。

ユニティちゃん 3Dモデルデータ

• ユニティちゃんのAssetsをインポートする。
  

• HierarchyにCubeを追加、大きさを調整し地面を作成する。
  

• 適当に大きさを設定する。
  

• 全景が映るようにカメラ位置を調整する。
  

• ユニティちゃんのPrefabをHierarchyに配置し、地面に埋まらないように位置を調整する。
  

• 位置を調整。
  

• ユニティちゃんの配置。
  

#4.MLAPIのNetworkManagerの作成

• HierarchyにEmptyオブジェクトを作成し、名前をNetworkManagerに変更します。
  

• NetworkingManagerコンポーネントを追加する。
  

• Unet Transportコンポーネントを追加する。
  

• NetworkingManagerのNetwork TransportにNetworkManager自身を設定します。
  

#5.ユニティちゃんをネットワークオブジェクトとして設定

• ユニティちゃんのprefabにNetworkedObjectコンポーネントを追加する。
  

• NetworkManagerのNetworkedPrefabにユニティちゃんを設定する。
  

• NetworkManagerのNetworkedPrefabのDefault Player Prefabをチェックする。
  

• ユニティちゃんのprefabにNetworkedTransformコンポーネントを追加する。
  

• ユニティちゃんのprefabにNetworkedAnimatorコンポーネントを追加する。
  

• NetworkedAnimatorコンポーネントのAnimatorにユニティちゃん自身を設定する。
  

• 同期するパラメタとしてSpeedを設定する。
  

• コンポーネントを追加したユニティちゃんのprefabをapplyする。
  

#6.UIの作成

• HierarchyにUI用Canvasを作成する。
  

• 作成したCanvasにButtonを追加する。
  

• オブジェクト名と表示テキストをStartHostに変更する。
  

• 同様にStartClientボタンを作成し、画面の端に移動する。
  
  

#7.スクリプトの作成

• 新規にスクリプトを作成する。
  

• 作成したスクリプトに次のメソッドを追加する。

    public void OnClickStartHost()
    {
        Debug.Log("Start Host!!");
        MLAPI.NetworkingManager.Singleton.StartHost();
    }

    public void OnClickStartClient()
    {
        Debug.Log("Start Client!!");
        MLAPI.NetworkingManager.Singleton.StartClient();
    }

• StartHostボタンにスクリプトを設定する。
  

• OnClick()のObjectにStartHostボタンを設定し、FunctionにOnClickStartHost()を設定する。
  

• 同様にStartClientボタンにスクリプトを設定する。

#8.ユニティちゃんスクリプトの修正

• Assets > UnityChan > Scripts > UnityChanControlScriptWithRigidBodyを開く。
  

• 基底クラスをMonoBehaviourからMLAPI.NetwotkedBehaviourに変更する。

	public class UnityChanControlScriptWithRgidBody : MonoBehaviour
	{

↓

	public class UnityChanControlScriptWithRgidBody : MLAPI.NetworkedBehaviour
	{

• 自分自身だけupdateするように、FixedUpdateメソッドの処理をIsOwnerの時だけ処理するようにif文で囲う。

		void FixedUpdate ()
		{
            if (this.IsOwner)
            {
                float h = Input.GetAxis("Horizontal");              // 入力デバイスの水平軸をhで定義
                float v = Input.GetAxis("Vertical");                // 入力デバイスの垂直軸をvで定義
            ＜省略＞
                // REST中の処理
                // 現在のベースレイヤーがrestStateの時
                else if (currentBaseState.nameHash == restState)
                {
                    //cameraObject.SendMessage("setCameraPositionFrontView");		// カメラを正面に切り替える
                    // ステートが遷移中でない場合、Rest bool値をリセットする（ループしないようにする）
                    if (!anim.IsInTransition(0))
                    {
                        anim.SetBool("Rest", false);
                    }
                }
            }
	    }

#9.ビルド

• 起動時にユニティちゃんは複製されるためHierarchyのユニティちゃんは削除する。

• Project Settings > Player > Resolution and Presentation > Fullscreen Mode をWindowedに変更。
  

• Project Settings > Player > Other Settings > Api Compatibility Level を.Net 4.xに変更。
  

• ビルドする。
  

• 適当にフォルダを作って選択。

#10.動作確認

• ビルドしてできたexeファイルを実行する。
  

• 最初のウィンドウはStartHostボタンを押してHostとしてスタートする。
  

• ユニティちゃんが出現する。
  

• 二つめ以降のウィンドウはClientとして動作させる。再度exeファイルを実行し、StartClientボタンを押してClientをスタートする。
  

• 二人目のユニティちゃんが出現する。それぞれの動きが同期されて表示される。
  

#　
チームハイエナ