CocosCreator でレイヤー管理に常駐ノードを使用する方法

CocosCreator バージョン: 2.3.4

ほとんどのゲームにはレイヤー管理機能があり、例えば

• sceneLayer シーンレイヤー
• panelLayer ポップアップレイヤー
• tipLayer ヒントボックスレイヤー

Cocos のシーンは永続的ではなく、切り替えるたびに自動的に破棄されます。これらのレイヤーをシーンに配置する場合、シーンごとに 1 回配置する必要がありますか?そしてまたそれを手に入れるのですが、これは非常に面倒です。

シーンは cc.director.loadScene を使用してロードされます。シーンのコンテナ ノードは、ディレクターの nodeActivator であるようです。

ここで、シーン コンテナーや Cocos のトップレベル コンテナーについては考慮しません。レイヤー管理には 2 つのアプローチが考えられます。

1. シーンは1つだけ

ゲーム全体では 1 つのシーンがあり、それがゲームの入り口のシーンです。このシーンには、sceneLayer などのレイヤーのノードが配置されます。この入り口のシーンは、エグレットとラヤのステージに相当します。

次に、すべてのシーンとポップアップ モジュールをプレハブ化し、表示されるたびに、エントリ シーンの対応するレイヤーに addChild を追加するだけです。

2. 常駐ノードを使用する

例えば、シーン1にsceneLayerなどのレイヤーを配置します。表示をわかりやすくするために、各レイヤーに単一の色を追加しました。

常駐ノードはルート ノードの下、つまりキャンバスと同じレベルにある必要があります。 3 つのレイヤーを永続ノードとして設定します。

オンロード(){
    cc.game.addPersistRootNode(cc.find("sceneLayer"));
    cc.game.addPersistRootNode(cc.find("panelLayer"));
    cc.game.addPersistRootNode(cc.find("tipLayer"));
}

次にシーンを切り替えます。新しいシーンでも、sceneLayer などのレイヤーを表示したり取得したりすることができます。

オンロード(){
    console.log(cc.find("sceneLayer")); //sceneLayerのcc.Nodeを出力
}

常駐ノードを使用すると、入口シーンに sceneLayer などのレイヤーを配置できます。参照を保存するには、レイヤー管理クラスを使用します。

III. ベストプラクティス

レイヤー管理クラス、シングルトン

デフォルトクラスLayerManagerをエクスポートし、cc.Componentを拡張します。

    プライベート静的インスタンス:LayerManager;
    パブリック静的ins():LayerManager{
        if (this.instance == null) {
            this.instance = 新しい LayerManager();
        }
        this.instance を返します。
    }

    パブリック パネル レイヤー:cc.Node;
    パブリック tipLayer:cc.Node;
    
}

エントリシーンに常駐ノードレイヤーを設定し、レイヤー管理クラスを使用して参照を保存します。後で使用するため。

@ccクラス
デフォルトクラスHelloworldをエクスポートし、cc.Componentを拡張します。

    オンロード(){
        cc.game.addPersistRootNode(cc.find("sceneLayer"));
        cc.game.addPersistRootNode(cc.find("panelLayer"));
        cc.game.addPersistRootNode(cc.find("tipLayer"));

        LayerManager.ins().panelLayer = cc.find("panelLayer");
        LayerManager.ins().tipLayer = cc.find("tipLayer");
    }
}

以上が、CocosCreator のレイヤー管理用常駐ノードの使用方法の詳細です。CocosCreator のレイヤー管理用常駐ノードの詳細については、123WORDPRESS.COM の他の関連記事をご覧ください。