CocosCreator MVCアーキテクチャの詳細な説明

概要

この記事では、ゲームクライアントでよく使用される MVC アーキテクチャについて紹介します。ゲームの MVC は次のように分割されます。

M: 1) すべてのゲーム モジュール データがエントリされる単一のグローバル データ センター ワールド、2) 各モジュール独自のデータ構造。

V: 1) クリエイターが作成したUIインターフェースとシーンのプレハブ、2) 各インターフェースの表示ロジックのViewCtrl

C: 1) グローバル MainCtrl、2) 各モジュールのビジネスロジッククラス ModuleCtrl

特定のモジュール

まずはMの部分を紹介しましょう。 1 つのモジュールのデータは、フレンド モジュールなどの他のモジュールでもアクセスする必要があるため、チャット中やランキング リストでもアクセスする必要があります。データにはシングルトンのグローバル データ センター クラス World が必要であり、すべてのゲーム モジュールのデータ クラスには World のエントリがあります。これらのデータは、プレイヤーがログインした後にサーバーから取得して設定できます。

エクスポートクラス World {
    プライベート静的インスタンス: World = null;
 
    プライベート _test: TestData = null;
 
    /**
     * シングルトンモード */
    プライベートコンストラクタ() {
 
    }
 
    /**
     * インスタンスを取得 */
    パブリックスタティックgetinst(): World {
        if (!World.instance) {
            World.instance = 新しいWorld();
        }
 
        World.instance を返します。
    }
 
    // テスト用
    パブリックセットテスト(val: TestData) {
        this._test = val;
    }
 
    パブリックテスト（）を取得：テストデータ{
        this._test を返します。
    }
}

このように、モジュールは独自のデータ構造を独立して設計し、メッセージを送信して対応するモジュールの ModuleCtrl に変更を要求し、World を通じてそれを読み取ることができます。

エクスポートクラスTestData {
    プライベート_text: 文字列 = null;
 
    パブリックコンストラクタ() {
 
    }
 
    公開テキストを設定します(値: 文字列) {
        this._text = val;
    }
 
    パブリックテキスト取得(): 文字列 {
        this._text を返します。
    }
}

データが更新されるとメッセージが送信され、インターフェースは更新のためにメッセージをリッスンできます。

以下に、インターフェースとスクリプト コードの関連について説明します。前の章で紹介したように、Cocos Creator はコンポーネント モデルに基づいています。各 UI インターフェースをプレハブにし、各プレハブにスクリプト コンポーネントを追加して、このインターフェースの表示ロジックを制御できるようにしました。

ポップアップ ウィンドウの管理では、cc.Component を継承する ViewCtrl というクラスを設計したと述べました。すべてのインターフェイス表示ロジック クラスは ViewCtrl を継承し、対応するインターフェイス プレハブに追加されます。前述のように、データが更新されるとメッセージが送信されます。ViewCtrl はデータ更新メッセージをリッスンし、関連するインターフェイスを更新します。

const {ccclass、プロパティ} = cc._decorator;
 
@ccクラス
エクスポートデフォルトクラスTestViewCtrlはViewCtrlを拡張します{
}

ViewCtrl はインターフェイスの表示ロジックのみを処理し、データ ビジネス ロジックは処理しません。モジュールのデータ ビジネス ロジックは、モジュールの ModuleCtrl によって処理されます。 ViewCtrl はユーザー操作に応答してメッセージを送信し、ModuleCtrl はメッセージをリッスンして処理します。ほとんどのモジュールの ModuleCtrl は、主にネットワーク通信と、このモジュールのキャッシュされたデータの変更に使用されます。

エクスポートクラスTestCtrl {
 
    パブリックコンストラクタ() {
 
    }
 
    パブリック init(): void {}
 
    パブリック開始(): void {
        NotificationCenter.addListener(MSG_TEST_HTTP、(ソース: 任意、データ: 任意) => {
            このテストHttp();
        }、 これ）;
    }
 
    パブリックtestHttp(): void {
        データ = {
            mod: 1, // モジュール cmd: 1, // コマンド}
 
        パラメータ: HttpReq = {
            パス： ""、
            メソッド: HTTP_METHOD_GET
        }
 
        MainCtrl.inst.http.sendData(データ、パラメータ、(データ: NetData) => {
            World.inst.test = 新しい TestData();
            テキスト = "123";
        }, (コード: 数値、理由: 文字列) => {});
    }
}

前述したように、C レイヤーにはグローバル シングルトン MainCtrl もあります。このクラスは主に、モジュールの登録、グローバル操作インターフェース（インターフェース/シーンの表示や非表示など）の提供、ネットワーク通信処理を担当します。

上記は、CocosCreator MVC アーキテクチャの詳細な説明です。CocosCreator MVC アーキテクチャの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。