国产片侵犯亲女视频播放_亚洲精品二区_在线免费国产视频_欧美精品一区二区三区在线_少妇久久久_在线观看av不卡

服務器之家:專注于服務器技術及軟件下載分享
分類導航

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

服務器之家 - 編程語言 - JavaScript - js教程 - 如何在CocosCreator中利用常駐節點做圖層管理

如何在CocosCreator中利用常駐節點做圖層管理

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

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

CocosCreator版本:2.3.4

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

  • sceneLayer 場景層
  • panelLayer 彈框層
  • tipLayer   提示框層

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

加載場景使用的是cc.director.loadScene,scene的容器node貌似是director上的一個nodeActivator

如何在CocosCreator中利用常駐節點做圖層管理

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

一、只有一個scene

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

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

如何在CocosCreator中利用常駐節點做圖層管理

 二、使用常駐節點

比如我在場景1,放置sceneLayer等圖層。為了方便顯示,我每個圖層加了個單色。

如何在CocosCreator中利用常駐節點做圖層管理

常駐節點必須在根節點下,也就是和canvas同級。把3個圖層設置為常駐節點。

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

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

如何在CocosCreator中利用常駐節點做圖層管理

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

利用常駐節點,我們可以在入口場景中放置sceneLayer等圖層。用圖層管理類保存引用。

三、最佳實踐

圖層管理類,單例

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;
    
}

在入口場景中設置常駐節點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中利用常駐節點做圖層管理的詳細內容,更多關于CocosCreator常駐節點做圖層管理的資料請關注服務器之家其它相關文章!

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

延伸 · 閱讀

精彩推薦
  • js教程JavaScript實現拖動滑塊拼圖驗證功能(html5、canvas)

    JavaScript實現拖動滑塊拼圖驗證功能(html5、canvas)

    這篇文章主要介紹了JavaScript實現拖動滑塊拼圖驗證(html5、canvas),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值...

    人生行者11272022-02-19
  • js教程微信小程序學習之自定義滾動彈窗

    微信小程序學習之自定義滾動彈窗

    這篇文章主要給大家介紹了關于微信小程序學習之自定義滾動彈窗的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考...

    юноша9282021-12-15
  • js教程js簡單粗暴的發布訂閱示例代碼

    js簡單粗暴的發布訂閱示例代碼

    這篇文章主要給大家介紹了js簡單粗暴的發布訂閱的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要...

    威威威威vvvv6482022-01-06
  • js教程JS+CSS實現過渡特效

    JS+CSS實現過渡特效

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

    Dr_空山3662021-12-23
  • js教程JavaScript實現切換多張圖片

    JavaScript實現切換多張圖片

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

    是M11782022-01-10
  • js教程原生JS實現京東查看商品點擊放大

    原生JS實現京東查看商品點擊放大

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

    A.香辣雞腿堡7312021-12-15
  • js教程three.js 實現露珠滴落動畫效果的示例代碼

    three.js 實現露珠滴落動畫效果的示例代碼

    這篇文章主要介紹了three.js 實現露珠滴落動畫效果的示例代碼,非常不錯,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下...

    稀土掘金11342022-01-24
  • js教程JS+CSS實現動態時鐘

    JS+CSS實現動態時鐘

    這篇文章主要為大家詳細介紹了JS+CSS實現動態時鐘,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    易點都不懶5092022-01-21
主站蜘蛛池模板: 婷婷在线免费视频 | 日本末发育嫩小xxxx | 人人干在线 | 亚洲精品一区二区三区在线 | 精品久久久久久久人人人人传媒 | 毛片在线播放网站 | 国产精品激情 | 成人av观看 | 成人网av| 久久66| 一本黄色片| 色先锋影音 | 色8888www视频在线观看 | 精品久久久久久久久久久久 | 在线观看国产一区 | 久久一区二区三 | 曰韩免费视频 | 欧美激情视频一区二区三区在线播放 | 精品国产欧美一区二区三区成人 | 日韩福利 | 激情五月婷婷av | 亚洲国产中文字幕 | 国产成人精品一区二 | av片在线观看 | 久久亚洲美女 | 亚洲一区 中文字幕 | 国产1区2区| 最新中文字幕视频 | 国产欧美日韩视频 | 精品一区二区久久久久久久网站 | 成人看片毛片免费播放器 | 91精品国产综合久久小仙女陆萱萱 | 日韩在线不卡 | 亚洲免费观看 | 欧美成年黄网站色视频 | 久久久久久久 | 国产精品美女久久久久久久久久久 | 欧美日韩国产一区二区三区不卡 | 天天操天天拍 | 国产超碰人人爽人人做人人爱 | 一级黄色免费片 |