ム―ビーリストの一覧表示の実装例④

　この手順では、先ほどまでに作成したムービー一覧のポップアップを実際にゲームに取り入れたした場合の実装例です。

　ゲーム内にあるアイテム獲得時にムービー情報をリストに登録し、その情報を元にしてムービー一覧を作成する機能を追加します。
そのため、アイテムを獲得するほど、ムービー一覧が徐々に増えていきます。

＜実装動画①　アイテム獲得時にムービーの情報をリストに追加＞

動画ファイルへのリンク

＜実装動画②　一覧表示ボタンを押した際に、現在のムービーのリストをベースに一覧表示する機能にする＞

動画ファイルへのリンク

事前準備

　事前準備としまして、VideoPlayer を利用したイベント処理の実装の手順において作成しているプロジェクトを利用していますので、
そのプロジェクトがない場合には、先にそちらの作成をお願いします。

　こちらの５つの手順を実装してからこの手順を進めてください。

VideoPlayer を利用したイベント処理の実装例①

VideoPlayer を利用したイベント処理の実装例②

VideoPlayer を利用したイベント処理の実装例③

VideoPlayer を利用したイベント処理の実装例④

VideoPlayer を利用したイベント処理の実装例⑤

設計

　今回はサンプルのゲーム内に、ムービー一覧ポップアップの機能を組み込む実装を行います。
この学習を行うことで、自分のプロジェクトにも組み込むイメージができると思います。

　ゲームにおいては、ユーザーが観たことのあるムービーのみを一覧表示するケースが多数です。

　今までの実装においてはすでに、アイテムを獲得するとムービーが再生される仕組みが出来上がっていますので、
この処理とポップアップの処理との紐づけを考えます。

　前提としまして、UserData のリストは、アイテムの情報を登録することで、そのアイテムとムービーの情報とを紐づけています。
そのため、ゲーム内でアイテムを獲得したタイミングで UserData の List に獲得したアイテムの情報を登録させる処理を行います。
このような仕組みにすることにより、ユーザーのアイテム情報には「獲得したアイテムに紐づいているムービーの情報」のみが登録されていくことになります。

　ゲーム画面ではムービーが再生されている際に、プログラムの内部においては登録の処理を行っていくことになります。

　ムービー一覧ポップアップがサムネイルのゲームオブジェクトを生成する際には
UserData のアイテムの情報のリストからサムネイルのゲームオブジェクトを作成するようにすでに設計されていますので、
ポップアップを開くと同時に、現時点での最新のアイテムの情報をベースにして、サムネイルのゲームオブジェクトが生成されるようになります

　こうすることにより、ムービー一覧ポップアップに表示されるサムネイルについても
ユーザーが獲得しているアイテム(観たことがあるムービー)のみを一覧表示させるように制御出来ます。

UserData ゲームオブジェクトの設定を変更する

　前回の手順ではデバッグモードを利用してムービーの情報をリストに登録していました。
今回からは、獲得したアイテムのみをムービーの情報をリストに追加するように変更しますので、
デバッグモードを解除しておきます。

　isDebugItemAdd 変数のチェックを外し、ゲームスタート時にリストに情報が追加されないように制御します。

インスペクター画像

　bool 型の変数については、スクリプト内部にあるデバッグ用の処理に連動するスイッチのような役割を持たせることで
その都度スクリプトを修正することなく、効率のよい開発が出来るようになります。

　こちらの部分です。

    void Start() {
        // デバッグモードの場合(Awake メソッドでやらないこと)
        if (isDebugItemAdd) {
            // データベースにあるアイテムの情報をすべて獲得したアイテムのリストに追加
            for (int i = 0; i < DataBaseManager.instance.itemDataSO.itemDataList.Count; i++) {
                AddItemDataList(DataBaseManager.instance.itemDataSO.itemDataList[i]);
            }
        }
    }

ItemDetailModel スクリプトの修正をする

　アイテムを取得したタイミングで、UserData に用意してある獲得したアイテムのリストに情報を登録します。
Debug.Log メソッドの書いてある部分に処理を実装します。

ItemDetailModel.cs

<= クリックすると開きます。

using UnityEngine;

public class ItemDetailModel : MonoBehaviour
{
    private ObjectInfoView objectInfoView;

    private ItemData itemData;

    public int setItemNo;


    private void Start() {

        itemData = DataBaseManager.instance.GetItemData(setItemNo);

        if (transform.parent.gameObject.TryGetComponent(out objectInfoView)) {

            //Debug.Log("ItemDetail が ObjectInfoView を取得しました。");　　　　//　処理の実行確認が済んでいればコメントアウトして構いません

            objectInfoView.SetUpObjectInfoDetail(itemData.itemName);          
        }
    }

    private void OnTriggerEnter(Collider other) {
        if (other.TryGetComponent(out PlayerController player)) {
            Debug.Log("ムービー再生");

            VideoClipManager.instance.PrepareVideoClip(itemData.itemNo);


////*　ここから処理を修正　*////


            //Debug.Log("獲得したアイテム一覧に追加");　　　　// 処理を実装するのでコメントアウトして構いません


            UserData.instance.AddItemDataList(itemData);　　　// 追加します


　　　　　　// TODO 獲得したアイテムをセーブする


////*　ここまで　*////


            Destroy(transform.parent.gameObject);
        }
    }
}

　スクリプトを修正したらセーブします。

ゲームを実行して動作を確認する

　手順が完了したので、デバッグを行って動作の検証をします。

　以前にもお伝えしているように、どのような状態で動作すれば正常であるのか、制御内容の把握と、真偽を自分で見極め判断することが大切です。

＜実装動画①　アイテム獲得時にムービーの情報をリストに追加＞

動画ファイルへのリンク

＜実装動画②　一覧表示ボタンを押した際に、現在のムービーのリストをベースに一覧表示する機能にする＞

動画ファイルへのリンク

　以上で完成です。

　以上でこの手順は終了です。

　=>　次は　ム―ビーリストの一覧表示の実装例⑤　です。

このページを編集するこのページを元に新規ページを作成

印刷する

コメント（0）

ム―ビーリストの一覧表示の実装例④ - i-school 先頭へ

コメントをかく

名前	ユーザIDを使用しないで書き込む	ユーザーIDを使う	ログインする
画像コード	画像に記載されている文字を下のフォームに入力してください。
備考	「http://」を含む投稿は禁止されています。
本文
利用規約をご確認のうえご記入下さい

i-school