cocoscreatorプレハブの詳しい説明

cocoscreatorプレハブの詳しい説明

プレハブ

プレハブとは何でしょうか? 文字通り、使用前に事前に作成されたノード リソースを意味します。そのプロパティは通常のノードと同じです。事前に作成され、まだ表示されていない通常のノードと見なすことができます。

プレハブの作り方

1. 階層マネージャーで通常のノードを作成し、このノードをリソース マネージャーのアセット フォルダーにドラッグします。管理の便宜上、プレハブを均一に保存するためのプレハブ フォルダーが作成されます。

プレハブノードをダブルクリックすると青色に変わります。これで、シーンに残っているノードを削除できます。ノードを使用する必要がある場合は、プレハブを通じて作成します。

このとき、プロパティ インスペクターには通常のノードと同じプロパティが表示されます。

プレハブの役割

1. 同じタイプのノードをバッチで作成する

基本的には、プレハブを使用してテンプレートを作成し、このプレハブテンプレートをコピーしてバッチを作成します。

ステップ1: バッチでノードを作成し、オブジェクトプールに配置する

 @property(cc.Prefab)
 プレハブ:cc.Prefab = null;
 //プロパティ マネージャーでプレハブ タイプを宣言して、定義されたプレハブをプロパティ マネージャーにマウントします @property(cc.NodePool)
 ノードプール:cc.NodePool = null;
 // プレハブによって作成されたオブジェクトを格納するためのオブジェクト プールを宣言します。プレハブを使用して、一度に同じタイプのノードを十分に作成し、それらをオブジェクト プールに格納します。長期間にわたって大量のノードを作成したり破棄したりしないように、必要なときに取り出し、不要になったら戻します。for(let i:number = 0; i < 100; i++){
 	// 100 個のノードを作成します。let node:cc.Node = cc.instantiate(this.prefab); 
    ノードプールを作成します。 
    //各ノードをオブジェクト プールに入れる}

ステップ2: 必要なときに取り出して使う

node:cc.Node を null にします。
// オブジェクトプールにアイドルオブジェクトがあるかどうかを判定します if (this.nodePools.size() > 0) {
	  // get メソッドを使用してアイドル オブジェクトを取得します。このとき、バッチ作成されたノードを格納するオブジェクト プール nodePools を get のパラメーターとして渡します。その後、プレハブにバインドされたスクリプト (nodePrefab.ts であると仮定) でオブジェクト プールに戻すことができます。 node = this.nodePools.get(this.nodePools);
}それ以外{
	 // アイドル オブジェクトが存在しない場合は、プレハブを通じて作成します。node = cc.instantiate(this.prefab);
}
// 親ノードへのマウントは、手動でのドラッグ アンド ドロップ マウントと同じです。this.node.addChild(node);

ステップ3: 使用後にノードを返却する

// これは上記のプレハブ スクリプト nodePrefab.ts スクリプトであると仮定します。nodePools:cc.NodePool = null;
// 上記の node = this.nodePools.get(this.nodePools); でオブジェクトプールからノードを取り出した後、上記の get で渡されたオブジェクトプールを受け取るためのオブジェクトプールをプレハブスクリプトで定義します。/*nodePool.get() を使用してノードを取得すると、
クリック イベントの登録を完了するために、プレハブ スクリプト nodePrefab.ts 内の再利用メソッドが呼び出されます。
さらに、cc.NodePool.get() は任意の数の任意の型のパラメータを渡すことができ、これらのパラメータはそのまま再利用メソッドに渡されます*/
// 再利用システムコールバックメソッドを実装するだけです。reuse(EnemyPools:cc.NodePool) {
 		// 渡された管理クラスのインスタンスを取得します。get this.EnemyPools = EnemyPools;
 }
 
// オブジェクトをリサイクルする関数を書く hit () {
	// オブジェクトプールが存在するかどうかを確認します if(this.nodePools){
    	// 現在のノードを元の状態に戻します this.nodePools.put(this.node);
    }それ以外{
    	// それ以外の場合はノードを直接破棄します this.node.destroy();
    }
}

2. 特定の時間に表示する必要があるノードを事前に作成します

プロンプトボックスなど

 // 定義したプレハブをプロパティインスペクタにマウントするためのプレハブを作成します @property(cc.Prefab)
  testPrefab:cc.Prefab = null;
	
	// このノードを表示する必要がある場合は、上記のようにプレハブの作成をコピーするだけです。let node = cc.instantiate(this.testPrefab);
	// 親ノードにマウントします this.node.addChild(node);
    

上記はすべてマウントされており、以下は動的ロード方式を採用しているため、@property(cc.Prefab)のようなマウント方式を使わなくてもロードできます。

// 以下のコールバック関数はこれを使用できないため、これに渡す変数を定義する必要があります
m_this = this とします。
/* cc.loader.loadRes を使用して Prefab を動的に読み込みます。まず、assets フォルダの下に resources フォルダを作成し、その下に prefab リソースを配置します。最初のパラメータは resources 下の prefab の絶対パスです。これにより、prefab は 2 番目の関数型パラメータの prefab パラメータで取得されます。*/
[cocos ドキュメント公式サイト](https://docs.cocos.com/creator/manual/zh/scripting/load-assets.html?h=assets)
cc.loader.loadRes("assets/OptionBox", 関数(err, prefab) {
if(!プレハブ){
    cc.log("プレハブは空です");
}
var newNode = cc.instantiate(プレハブ);
if(!newNode){
    cc.log("ノードは空です");
}
// 現在のノードの子ノードとして追加します m_this.node.addChild(newNode);

上記はプレハブを使用するための 2 つの一般的なソリューションです。たとえば、最初の方法は敵や弾丸を一括で作成するために使用されます。2 番目の方法は、繰り返し使用するシナリオや特定の状況でトリガーされるプロンプト ボックスなどのプレハブにすることもできます。

以上がcocoscreaterプレハブの詳しい説明です。cocoscreaterプレハブの詳細については、123WORDPRESS.COMの他の関連記事にも注目してください。

以下もご興味があるかもしれません:
  • CocosCreatorでシューティングゲームを作る詳しい解説
  • CocosCreatorでクールなレーダーチャートを描く方法
  • CocosCreator MVCアーキテクチャの詳細な説明
  • CocosCreatorメッセージ配信メカニズムの詳細な説明
  • CocosCreator 入門チュートリアル: ネットワーク通信
  • CocosCreatorでWeChatゲームを作成する方法
  • CocosCreator システムイベントがどのように生成され、トリガーされるかについての詳細な説明
  • CocosCreatorでゲームコントローラーを使用する方法
  • CocosCreator Huarongdaoデジタルパズルの詳しい説明
  • CocosCreatorゲームにおける魚群アルゴリズムの詳細な説明
  • CocosCreator最適化DrawCallの詳細な説明
  • CocosCreatorがスキル冷却効果を実装
  • Pythonはシンプルなソケット通信のサンプルコードを実装します
  • Python と Websocket を使用してリアルタイム ログ トラッカーを構築する手順
  • Javaはソケットを通じてシンプルな複数人チャットルームを実装する
  • CocosCreator で http と WebSocket を使用する方法

<<:  MySQL 5.7 インストール不要の設定グラフィックチュートリアル

>>:  実行中の Docker コンテナにボリュームを動的に追加する方法

推薦する

MySQLでグローバル変数とセッション変数を設定する2つの方法の詳細な説明

1. MySQL でグローバル変数を変更するには 2 つの方法があります。方法 1: my.ini ...

体験をデザインする: ボタンには何があるか

<br />最近、UCDChina は「インターフェース上のテキストに注意を払う」という...

JavaScriptはPromiseを使用して複数の繰り返しリクエストを処理します

1. なぜこの記事を書くのですか?重複リクエストの処理に関する記事をたくさん読んだことがあるでしょう...

MYSQLが中国語を認識できない問題の恒久的な解決策

ほとんどの場合、MySQL はインストールしたばかりのときは中国語をサポートしません。これはエンコー...

mysql のファイル mysql-bin.000001 とは何ですか? 削除できますか?

ポートを使用して MySQL をインストールした後、しばらくすると /var の容量が不足しているこ...

div+css3 を使用して背景グラデーション ボタンを実装するためのサンプル コード

フロントエンド ページの需要が増加し続けるにつれて、一部のシーンではグラデーションの背景要素が必要に...

Windows 10 + mysql 8.0.11 zipインストールチュートリアルの詳細

準備する: MySQL 8.0 Windows zip パッケージのダウンロード アドレス: htt...

Windows 7 環境での Docker 高速ビルドと Alibaba Cloud コンテナ高速化構成の詳細な説明

前回の Docker に関する記事では、MAC システムでの構築について説明しました。この記事では、...

MySQL の一般的な日付比較および計算関数

MySql での時間比較の実装unix_timestamp() unix_timestamp 関数は...

JSデータ型検出のさまざまな方法の概要

目次背景データ型を決定する方法は何ですか? 1. typeof を使用して基本データ型を決定します。...

ウェブタイポグラフィにおける致命的な意味的ミス 10 選

<br />これは、Steven D が書いた Web フロントエンド開発デザインの基本...

Linux Samba サーバーの超詳細なインストールと構成 (問題解決付き)

目次Samba サーバーの紹介Samba サーバー コンポーネントSamba サーバー関連の設定ファ...

MySQLのFreeListメカニズムの詳細な説明

1. はじめにMySQL が起動すると、BufferPool が初期化されます。クエリ操作を実行する...

ハイパーコネクションの4つの状態の適用の詳細な説明

ブラウザの問題かもしれないと思うかもしれませんが、スタイル定義の順序が間違っている可能性が高いです。...

bashコマンドの使い方の詳細な説明

Linux では、基本的に vi エディタのように「.sh」拡張子を持つテキストの処理と実行を記述す...