CocosCreatorメッセージ配信メカニズムの詳細な説明

CocosCreatorメッセージ配信メカニズムの詳細な説明

概要

この記事は、ゲームビジネスアーキテクチャに関連するコンテンツの紹介から始まります。ゲームビジネス層では、分離する必要があるすべてのシステムとモジュール間の通信を、メッセージ配信を通じて分離できます。たとえば、ネットワーク復帰通知、インターフェースに同期されたデータ更新など。

メッセージ配信はオブザーバー パターンに基づいて設計されています。メッセージを処理する必要がある場所では、リスニング コールバックをメッセージ センターに登録します。メッセージがディスパッチされると、メッセージ センターのディスパッチ インターフェイスが呼び出され、メッセージのリスニング キューを走査して、対応するコールバック メソッドを呼び出します。

具体的な計画

まずリスニングコールバックタイプを定義する

/**
 * メッセージ監視コールバックメソッド */
エクスポート型NotifyListener = (src: any, data: any) => void;

キー値でリスニングキューを保存する

プライベート静的 msg2listDict: Dictionary< 文字列、配列<NotifyListenerInfo> > = 新しい Dictionary< 文字列、配列<NotifyListenerInfo> >();

インターフェース定義

/**
 * 複数のリスナーを追加します。手動で削除する必要があります * @param msg
 * @param リスナー
 * @param ターゲット
 */
パブリック静的 addListener(メッセージ: 文字列、リスナー: NotificationListener、ターゲット?: 任意): void {}
 
/**
 * ワンタイムリスナーを追加し、イベントがトリガーされた後に削除します* @param msg
 * @param リスナー
 * @param ターゲット
 */
パブリック静的 addOnceListener(メッセージ: 文字列、リスナー: NotificationListener、ターゲット?: 任意): void {}
 
/**
 * 指定されたメッセージで指定されたリスナーを削除します * @param msg
 * @param リスナー
 */
パブリック静的removeMsgListener(メッセージ: 文字列、リスナー: NotificationListener): void {}
 
/**
 * 指定されたメッセージのすべてのリスナーを削除します * @param msg
 */
パブリック静的removeMsgAllListeners(msg: string): void {}
 
/**
 * 指定されたターゲットの指定されたメッセージの監視を削除します * @param msg
 * @param ターゲット
 */
パブリック静的removeTargetMsgListen(メッセージ: 文字列、ターゲット: 任意): void {}
 
/**
 * 指定されたターゲットのすべてのメッセージリスナーを削除します * @param target
 */
パブリック静的removeTargetAllMsgListen(ターゲット: 任意): void {}
 
/**
 * メッセージを送信 * @param msg
 * @param ソース
 * @param データ
 */
パブリック静的通知(メッセージ: 文字列、ソース: 任意、データ: 任意): void {}

追加および削除の実装では、メッセージが送信される可能性があることに注意する必要があります。

新しく追加されたメッセージのリスナーは、現在のキューのメッセージが配信された後に配信される必要があります。そのため、追加するキューを追加します。

プライベート静的リスナー2add: Array<NotifyListenerInfo> = [];

リスナーを追加する際には以下の判断を行ってください

// メッセージはディスパッチされ、キューに追加されます if (NotifyCenter.notifyMsgs.indexOf(msg) >= 0) {
    NotificationCenter.listener2add.push(情報);
    戻る;
}

同様に、リスナーを削除するときにも、メッセージがディスパッチされる可能性があります。キューの変更によって for ループ例外が発生するのを回避するには、削除するキューを追加します。メッセージをディスパッチするときに、リスナーが削除キュー内にある場合は、ディスパッチされません。メッセージが送信されたら、キューから削除します

プライベート静的リスナー2削除: Array<NotifyListenerInfo> = [];

リスナーを削除する際には、次の判断を行う

// メッセージは送信され、削除されるキューに入れられます if (NotifyCenter.notifyMsgs.indexOf(msg) >= 0) {
    NotificationCenter.listener2remove.push(リスト[i]);
} それ以外 {
    リスト.splice(i, 1);
}

メッセージをディスパッチするときに、指定されたメッセージのキューを反復処理します。

// キューが存在しないため、処理する必要はありません。let list = NotificationCenter.msg2listDict.get(msg);
if (!リスト) {
    戻る;
}
 
// メッセージをディスパッチ済みとしてマークします。複数のメッセージが同時にディスパッチされる場合があります。同じメッセージが複数回マークされる場合があります。NotifyCenter.notifyMsgs.push(msg);
 
// メッセージディスパッチを処理する for (let i = 0, n = list.length; i < n; i++) {
    NotificationCenter._dispatch(リスト[i]、src、データ、false);
}

メッセージを送信する際、まずキューが削除されるかどうかを確認します。

// 削除キューではディスパッチなし if (NotifyCenter.listener2remove.indexOf(info) >= 0) {
    戻る;
}

現在のキューがディスパッチされた後、追加するキューをチェックします

// 追加するキューを処理する for (let i = 0, n = msg2add.length; i < n; i++) {
    リスナー2追加[i].msg == msgの場合{
        NotificationCenter._dispatch(listener2add[i], src, data, true);
    }
}

メッセージ配信センターが導入され、分離されたシステムとモジュールがメッセージの監視とディスパッチを通じて通信し、相互参照の結合を回避できるようになります。

以上がCocosCreatorメッセージ配信の仕組みの詳しい説明です。CocosCreatorメッセージ配信の詳細については、123WORDPRESS.COMの他の関連記事に注目してください。

以下もご興味があるかもしれません:
  • vue.js で JSZip を使用してフロントエンドでファイルを解凍する方法
  • CocosCreator ソースコードの解釈: エンジンの起動とメインループ
  • CocosCreator 一般的なフレームワーク設計リソース管理
  • CocosCreatorでリストを作成する方法
  • CocosCreator の新しいリソース管理システムの分析
  • CocosCreator スケルトンアニメーション ドラゴンボーン
  • CocosCreatorでクールなレーダーチャートを描く方法
  • CocosCreator MVCアーキテクチャの詳細な説明
  • CocosCreatorでJSZip圧縮を使用する方法

<<:  in() の ID の順序に従った Mysql クエリ結果の順序の詳細な説明

>>:  Centos7 サーバーで jar パッケージ プロジェクトを開始する最良の方法

推薦する

複数人チャットルームを実現する js コード

この記事の例では、多人数チャットルームを実装するためのjsコードの具体的なコードを参考までに共有して...

MySQL マスタースレーブ同期の原理と応用

目次1. マスタースレーブ同期原理マスタースレーブ同期アーキテクチャ図(非同期同期)マスタースレーブ...

nginxフロー制御とアクセス制御の実装

nginx トラフィック制御レート制限は非常に便利ですが、Nginx では誤解され、誤って設定される...

ES6 Promiseの使い方の詳細な説明

目次約束とは何ですか?拒否の使用法キャッチの使い方すべての使用法レースの使用約束とは何ですか? Pr...

バックエンドから返される 100,000 個のデータをフロントエンドでより適切に表示するにはどうすればよいですか?

目次予備作業バックエンド構築フロントエンドページダイレクトレンダリングsetTimeout ページン...

MySQL から Excel にテーブルデータをエクスポートする際の日時形式に関する簡単な説明

最近、MySQL を使用してテーブル データを Excel ファイルにエクスポートしました。MySQ...

JavaScript 上級プログラミング: 変数とスコープ

目次1. 元の値と参照値2. インスタンス3. 範囲1. 元の値と参照値6 つの単純なデータ型の値は...

CentOs でノード バージョンを手動でアップグレードする方法

1. 対応するNode.jsパッケージを見つけます。https://nodejs.org/downl...

MySQL 8.0.20 インストール チュートリアル (画像とテキスト付き) (Windows 64 ビット)

1: mysql公式サイトからダウンロードhttps://dev.mysql.com/downlo...

Vueのスロットの詳細な説明

Vue でのコードの再利用により、mixnis が提供されます。テンプレートの再利用により、スロット...

CSS テキスト強調を使用してテキストを強調するための実装コード

1. はじめにこれまで、テキストの特定の部分を強調したい場合、通常は太字にしたり明るい色を使用したり...

22 Vue 最適化のヒント (プロジェクトの実践)

目次コードの最適化v-for でキーを使用するv-if/v-else-if/v-else でキーを使...

HTMLタグと基本要素の学習のまとめ

1. HTML の要素とタグ<br />要素は、1 つのタグまたは 1 組のタグによって...

Vue.$set の失敗の落とし穴の発見と解決

偶然、プロジェクト内でVue.$setが無効であることがわかりましたデータ フィルタリングを追加する...

クラウドデータ移行サービスの観点から見たMySQLの大規模テーブル抽出モードの原理分析

概要: MySQL JDBC 抽出にはどのような方法を使用すればよいでしょうか? その方法を説明しま...