激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務(wù)器之家 - 編程語言 - JavaScript - js教程 - 如何在CocosCreator中利用常駐節(jié)點(diǎn)做圖層管理

如何在CocosCreator中利用常駐節(jié)點(diǎn)做圖層管理

2022-03-02 16:24「已注銷」 js教程

這篇文章主要介紹了如何在CocosCreator中利用常駐節(jié)點(diǎn)做圖層管理,這些技巧非常實(shí)用,希望同學(xué)們看完,回去可以試一下

CocosCreator版本:2.3.4

一般游戲都有圖層管理,比如

  • sceneLayer 場(chǎng)景層
  • panelLayer 彈框?qū)?/li>
  • tipLayer   提示框?qū)?/li>

cocos里的場(chǎng)景不是持久化的,每次切換都會(huì)自動(dòng)destroy,如果在場(chǎng)景上放這些圖層,那么每個(gè)scene都要放一遍?然后再獲取,這樣很麻煩。

加載場(chǎng)景使用的是cc.director.loadScene,scene的容器node貌似是director上的一個(gè)nodeActivator

如何在CocosCreator中利用常駐節(jié)點(diǎn)做圖層管理

現(xiàn)在如果不考慮scene的容器或者cocos的頂層容器。我想一想兩種圖層管理的方法。

一、只有一個(gè)scene

整個(gè)游戲一個(gè)scene,就是游戲入口的scene,在這個(gè)scene上放sceneLayer等圖層的node,這個(gè)入口scene相當(dāng)于egret和laya的stage。

然后所有場(chǎng)景scene和彈框模塊,都做成預(yù)制件prefab,每次顯示都addChild到入口scene的相應(yīng)圖層上就行了。

如何在CocosCreator中利用常駐節(jié)點(diǎn)做圖層管理

 二、使用常駐節(jié)點(diǎn)

比如我在場(chǎng)景1,放置sceneLayer等圖層。為了方便顯示,我每個(gè)圖層加了個(gè)單色。

如何在CocosCreator中利用常駐節(jié)點(diǎn)做圖層管理

常駐節(jié)點(diǎn)必須在根節(jié)點(diǎn)下,也就是和canvas同級(jí)。把3個(gè)圖層設(shè)置為常駐節(jié)點(diǎn)。

onLoad(){
    cc.game.addPersistRootNode(cc.find("sceneLayer"));
    cc.game.addPersistRootNode(cc.find("panelLayer"));
    cc.game.addPersistRootNode(cc.find("tipLayer"));
}

然后切換場(chǎng)景,在新場(chǎng)景中,仍然可以顯示并獲取到sceneLayer等圖層。

如何在CocosCreator中利用常駐節(jié)點(diǎn)做圖層管理

onLoad(){
    console.log(cc.find("sceneLayer"));  //輸出sceneLayer的cc.Node
}

利用常駐節(jié)點(diǎn),我們可以在入口場(chǎng)景中放置sceneLayer等圖層。用圖層管理類保存引用。

三、最佳實(shí)踐

圖層管理類,單例

export default class LayerManager extends cc.Component {

    private static instance:LayerManager;
    public static ins():LayerManager{
        if(this.instance == null){
            this.instance = new LayerManager();
        }
        return this.instance;
    }

    public panelLayer:cc.Node;
    public tipLayer:cc.Node;
    
}

在入口場(chǎng)景中設(shè)置常駐節(jié)點(diǎn)layer, 用圖層管理類保存引用。以備之后使用。

@ccclass
export default class Helloworld extends cc.Component {

    onLoad(){
        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中利用常駐節(jié)點(diǎn)做圖層管理的詳細(xì)內(nèi)容,更多關(guān)于CocosCreator常駐節(jié)點(diǎn)做圖層管理的資料請(qǐng)關(guān)注服務(wù)器之家其它相關(guān)文章!

原文鏈接:https://blog.csdn.net/qq_43287088/article/details/107351609

延伸 · 閱讀

精彩推薦
  • js教程JavaScript實(shí)現(xiàn)拖動(dòng)滑塊拼圖驗(yàn)證功能(html5、canvas)

    JavaScript實(shí)現(xiàn)拖動(dòng)滑塊拼圖驗(yàn)證功能(html5、canvas)

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)拖動(dòng)滑塊拼圖驗(yàn)證(html5、canvas),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值...

    人生行者11272022-02-19
  • js教程微信小程序?qū)W習(xí)之自定義滾動(dòng)彈窗

    微信小程序?qū)W習(xí)之自定義滾動(dòng)彈窗

    這篇文章主要給大家介紹了關(guān)于微信小程序?qū)W習(xí)之自定義滾動(dòng)彈窗的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考...

    юноша9282021-12-15
  • js教程js簡(jiǎn)單粗暴的發(fā)布訂閱示例代碼

    js簡(jiǎn)單粗暴的發(fā)布訂閱示例代碼

    這篇文章主要給大家介紹了js簡(jiǎn)單粗暴的發(fā)布訂閱的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要...

    威威威威vvvv6482022-01-06
  • js教程JS+CSS實(shí)現(xiàn)過渡特效

    JS+CSS實(shí)現(xiàn)過渡特效

    這篇文章主要為大家詳細(xì)介紹了JS+CSS實(shí)現(xiàn)過渡特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下...

    Dr_空山3662021-12-23
  • js教程JavaScript實(shí)現(xiàn)切換多張圖片

    JavaScript實(shí)現(xiàn)切換多張圖片

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)切換多張圖片,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下...

    是M11782022-01-10
  • js教程原生JS實(shí)現(xiàn)京東查看商品點(diǎn)擊放大

    原生JS實(shí)現(xiàn)京東查看商品點(diǎn)擊放大

    這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)京東查看商品點(diǎn)擊放大,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下...

    A.香辣雞腿堡7312021-12-15
  • js教程three.js 實(shí)現(xiàn)露珠滴落動(dòng)畫效果的示例代碼

    three.js 實(shí)現(xiàn)露珠滴落動(dòng)畫效果的示例代碼

    這篇文章主要介紹了three.js 實(shí)現(xiàn)露珠滴落動(dòng)畫效果的示例代碼,非常不錯(cuò),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下...

    稀土掘金11342022-01-24
  • js教程JS+CSS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘

    JS+CSS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘

    這篇文章主要為大家詳細(xì)介紹了JS+CSS實(shí)現(xiàn)動(dòng)態(tài)時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下...

    易點(diǎn)都不懶5092022-01-21
主站蜘蛛池模板: 国产视频导航 | 黄色免费播放网站 | 亚洲第五色综合网 | 999久久国精品免费观看网站 | 久久精品99北条麻妃 | 成人免费一区二区三区在线观看 | 久久久久久久九九九九 | 91网站在线观看视频 | 久久久久久久久成人 | 免费黄色小网站 | 国产色视频一区 | 免费一级特黄做受大片 | 日本在线免费观看 | 午夜神马电影网 | 国产一区二区高清在线 | 国产精品久久久久久久亚洲按摩 | 最新日韩在线观看视频 | 激情小说激情电影 | 黑人一区二区三区四区五区 | 91av日韩| 中文字幕在线观看亚洲 | 欧美日韩大片在线观看 | 久久99精品久久久久久秒播放器 | 免费在线观看国产精品 | 日本一区二区不卡高清 | 国产福利视频在线观看 | 欧美大屁股精品毛片视频 | 中文字幕一区在线观看视频 | 久久3 | 本色视频aaaaaa一级网站 | 蜜桃成品人免费视频 | 日韩视频一二三 | 中文字幕亚洲一区二区三区 | 婷婷亚洲一区二区三区 | www.777含羞草 | 国产精品免费一区二区三区都可以 | 久久久久久久久久久高潮一区二区 | 国产亚洲精品久久久久久网站 | 日本成人一区 | 亚洲特黄 | 在线 日本 制服 中文 欧美 |