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 パッケージ プロジェクトを開始する最良の方法

推薦する

JavaScript でイベントのバブリングを防ぐ方法

注意すべき点は、イベントバブリング自体の特性上、メリットだけでなくデメリットも生じるということです。...

ウェブフロントエンド開発の細部

1 選択タグは閉じられている必要があります <select></select>...

MySQLデータベースが予期せずクラッシュし、テーブルデータファイルが破損して起動できなくなる問題を解決します。

問題: MySQL データベースが予期せずクラッシュしたため、データベースを起動できませんでした。エ...

JavaScript ドラッグタイム ドラッグケースの詳細な説明

目次DragEvent インターフェースデータ転送インターフェースの概要DataTransfer の...

2048 ゲームを実装するためのネイティブ js

2048ミニゲーム、参考までに具体的な内容は以下のとおりですまず、2048ゲームは16のグリッドか...

Nginxはhttpとhttpsの両方のアクセスをサポートするために同じドメイン名を設定します

Nginx は同じドメイン名で構成されており、http と https の両方でアクセスできます。証...

Dockerfile を使用して SpringBoot プロジェクトをデプロイする方法

1. SpringBoootプロジェクトを作成し、jarパッケージにパッケージ化する2. Linux...

Js クラスの構築と継承のケースの詳細な説明

JS のクラスの定義や継承は本当に多様なので、別のノートブックを開いて記録しておきます。意味オブジェ...

CSSファイルをインポートする3つの方法の詳細な説明

CSS を導入する方法には、インライン スタイル、内部スタイル シート、外部スタイル シートの 3 ...

HTML テーブル タグ チュートリアル (31): セルの幅と高さの属性 WIDTH、HEIGHT

デフォルトでは、セルの幅と高さはコンテンツに応じて自動的に調整されますが、セルの幅と高さを手動で設定...

JS 4つの楽しいハッカー背景効果コードを共有する

目次例1例2例3例4例1 <html> <ヘッド> <title>...

Web Storage APIの使用に関する簡単な説明

目次1. ブラウザのローカルストレージ技術1.1、セッションストレージ1.2、ローカルストレージ2....

MySQLクエリ最適化分析チュートリアルをステップバイステップで教えます

序文MySQL は、強力なクエリ機能、高いデータ一貫性、高いデータ セキュリティ、およびセカンダリ ...

LeetCode の SQL 実装 (177. 給与が N 番目に高い)

[LeetCode] 177. 最も高い給与従業員テーブルからn番目に高い給与を取得する SQL ...

曇り空のアイコン効果を実現する純粋な CSS

効果効果は以下のとおりです​実装のアイデアbox-shadow プロパティを使用して、複数の灰色の円...